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1 JavaScript 



JavaScript - 'girfii(Lp&ib 


JavaScript srmu^i 90 ^sifluuLL rflrjsvrrda 
Qlditl^I &}stsu—iun&,]. html LDjDtgjLb java 
(aurrmro QwirLfiatQnji—GtT^GtriGmrBgi 
uujmu($\£&>Lju($\Lb interpreted rflrjsvrrdai 
Qlditl^I stsstGou a/DU£p(§ 

(LptSSTSSTlj ' ensifUu pitilLfleb HTML ’ 6TgT)/LD 
L/<5<5<95<5®n<5 ijfotiT(&j uisj-ggj still— g^ld. 
^uGungipmsir 2-iEiammsv ^jrB^u 
^]l—L£> QujDIQJGrrm <S>IGtS)GtSr£61S)£lLILD &t< 5VL1 LDIT&>L1 
Llflrs^i Qamsnm (LpLSj-iLjLD. 


$l§i 90 Client side scripting language ^qld. 

^pnGUgl GUG$)G0£&>6fT£6$)&,L] UIUgZiuQ^U 
Gun(^LD UlUGST 0/_<S5T (o)<5/Ti_i7L/ QarTGfr<SU£lD(§ 




dl/DrBg Qlwrrifil. IE, chrome, firefox Gurnshfo 
3 iss)<sst^§i 3-<son<2Sl&efil<soiih dl/Duurrad 

GI&ujsvuQld. Javascript st uGurr^jLD HTML 
program-<sOT 90 u^^nurraiGsu asorraSlai^d^ 
<snrSl(Lp <*uug)<5<5 uuQld. a_ 6 u/na 5 ?asu/LD 
£g) d, <5<531 m sp(§ HTML program GurrscGsu 
^iud(§LD. srmGsn ^pioQ&GftTgi] &,sftf)iurrai spqj) 

<3j(oft )ldli L-i (LpsfttpGiurr, G>&l£]uli (LpsftipGiurr 
Slsftii—iunf^l. 

uLSj.su <5 sfti^u mTgdi) Q&ilulild uiussTfjaisb 
^Gftii—uShsv sp(fjj Qurr^rrssxsftr 
Q&n($\d(& ) LbGunG&>rr 3)<sv<sv^l <sp(§ 
^]sft)SftftruL3sft)SftT Gl&rTQdf&jLbGurrGgrT, ^tG^it 

spsiriru $ai(LgLb susftismSlGsvGiu Javascript-^&srg/ 

(oTuGurTgJLD (oT(L£>£UU®Lb. 3 lg>nfGU3)l uiusftrijam 
rflaLp^gjiJ) sSIg^iuj rhiamrraGGij 3lsft)LDiLjLD. 

< orsftrGsu Animation, Multimedia Gurrdrin 

^i—diatsuflsv QuflgjLb uujGSiu($\Lb. 




JavaScript -dr <ss)ldljli 

<script> tag-dr usmLi^srrrr&sr language, type 
QpsvLD rsLDffj javascript-^&srg/ html 
GlLDtrLfiiLii—dr ^GwsmdauuQSl/Dgl. $}[5& 
<SCript>-g> html -si) ot /570 <3 eu sdrfhi ld rrmrrsci id 
uiudruQi^scub. Quirgisurra <head>-< 9506 rr 
arrrsmuuQ\LD. dipdadsn— srQ\^§]dairrLLi^sb 
<body>-<® 0 syr uiudru(^)^^ULi<srr3<srrmi. 

s ^0 <surrddluj£B^ls^ism G)su<s^luuQ\^§jsiJS,rr)3irrm 
javascript rffrrsb lSsotsu 0 LDagy ^s&LDiLjLb. £|)/ 5<5 
rffrrssisv gedit ^sbec§] notepad-si) <°T(Lg>6)l sp(§ 
html program-«g> ersi/svagy Q&LEhjQurrQurrr 
^djsurrQro ^i^&nmiLjLb (H&Lfilda 3sndtsrQ\Lb . 


(Sample.html) 



HTML-SW LJ Lp (oft) LD ILI fT (oftT U L/<956yf)<SU 

language=”javascript” type=”text/javascript” 

<oT6ft)iLb usmLiasftitsrriLiLb 

Qsus^luusftii—iurraid QarrQda (Seusm(^Lb. 










^uCSun^i^nsir ssvmsfihurrmgj 
javascript-^* <sgjDgu Q&ilksvuQld. ^mrrsb 
&,[f)(3unGts)&,uj u^luLiasiflsv (XHTML td/d/ti/ld 
(^iss)3,iuf^i^tf)] si7/6<5®r>si/) type=”text/javascript” 

(tissvld spqj) usmi3ss)m ldlIQld QarTQpg.rreb 
(SurrgjLDrrmgj. Language a/gn/Lo usmi3ss)m 
(o)a/r ®**<5 Q^s^suuSlsbssxsc. 


cgi/( 5 )^/-/tij-UJ/ 7 * <script> -* 0 syr (o)*/r( 5 )** 

( Hsusmuj-iLi ®S}<sq,ujrh]3im<syGis)m£G$)&,iLiLb 
OT<5/D*/7* <!— LDfOnjJLD //— > 67go/fj; 
0/l5)uf(5)*(S)5*0Sy7 (o)*/7(5)^^/SV7(Ssy7/7t£) CTS37 Lj(S<5 

/§/5j*sv7 (tp*®ujLD/7*<s Q^flrBS)! Q*msrrsrr 
(SsUSmt^LD. ^)<SDS1/ ^)/7<S3S7(5)7D 6£0 

LS®s7OTi/7L-/_65^/**/7<537 (comment) (d)<s/7/_**td 

LD/DgULD (tpUJ_6l5)<S31<S37* 0tf5)*(0LD (^fSluS^aisb 

^(§ld. §)<sv&LDUJLb javascript-g> ^s^i—iurrsmi 

asm® Qarrsbsn^ Q&,ifluj[T&, a_su/7ia5)*syf)su 
^)<S<5<53i*uj rflrjsvam ^iLnh](§Lb(s>un& l i, 



2_6l>f76l5)ujfrasrgi/ (§L£LDl51 67<3<5/T<561V/p/ OTSJJ/LD 
Qffuj^issnu QsusufluuQl^^iLD. ^)^/(Ssu 

^3i<ss)SuQujsbsorTLb ep(§ i3sstss)iU-Li _a> 

0/r5)u^L.(5)<®0S)T QairTQ\danjuLLi^(f^iji3m 

javascript-g> Lift pay Gianeben 

(Lpuj-iurr(o)5 }lLl _ ns^j ld, i3siiss)tnh—Lb 

toTsiiUG$)&,u l iflrs^i Qanem® <3]£jD(8)<5rr 
S-sbsfTGurDGtftrDU qpdansssfl^^i lS^I a^sirsiiQjro&nro 
Q&tuGvuQiBgjLL. ct<537(Ssu<s/7<5ot javascript 
$rjeonm§] <oru(l>un§jLi> LSlsirs^mli—d 
(grfihrfLLQd^m Qarr($\d&uu($\&}!D{r ) ]. 

G>LDfD&Gmi— program-®?? browser-si; (dirodi^Lb 

QurTQggj <sn&)i i3mGuqjjLDntr}] ^stund) / d §j. 


Tins book will loach you about JavaScript! 



2 Variables & Operators 
in Javascript 


Variables 

Javascript-si; ashsrrvariable- (Lps ,su 
$gs)go£ 3)ijsii Gusvai&mrTGtsi (primitive data 
types) sjsssransb, GTQ-gjB&rfdasb LDfOjrjjLD ‘true’, 
‘false’ <ormu§] (SunstiTjo Boolean LD^njn&Gsxsrr 

(3&Lfild(§Lb 6U<SU<SU<S31LD (o)<95f7633L/_^/. (SlD^/LD Nllll 

LD/rjffi/LD undefined Gunmro iSIro rflesxsvg 

<5£76iy 6U631<95<956316ynpLD ^^fld(^LD. 







Variable Declaration & 
Initialization 


Javascript-si; ssfren spqj) variable-^sw^/ 
GT(Lg£&)l&&><sb, srsmasrr ldjdiqjlL srsmam 
(Sunrsir/o efil^LDnstr < 5 /jsiysisyiarray ld 

< 5 /r&srfra <3 siv ^ssri—iunemb asm® QamsrrtgnjLD. lSJjd 
QLDrTLfilas/rhsv (grfiluLSlQsijgi Gurrsiigu int, flot, 
String sreirOpeveomb Gsusifluussri—iurra^ 
Q&rrevevp GpssrsuuSlebsneo. 


s-pmjsmib\ 


<htnl> 

<body> 

<script type = 
"text/javascript"> 

<! - - 

var salary; 
salary="25000.00"; 





var age = 29, 
name='Nithya'; 

document.write(salary,"<br/>", 
name,"-",age) 

//--> 

</script> 

</body> 

</html> 

— 


^7<3<5/7 6£0 (^JT^Ul3lLu LD^)LyL5)<SD<537<5 (25000.00) 

<5/77Ej<Szj Gui(^LD SpQJj QUIff)] <SU ISSt <SUf7‘/7<5<SD<5<50 

(salary) variable <ormgy Quiurj. srmGsu sti ig, 
svfTirs<SD<5<STIUJ rsmi variable-^dszj 
uiumu($\g&,u GurrS^Gforruj sissiusng 
(Lpma^Liisj-Guj GsusmQLD. ^agGsu 






Variable declaration’ otsstul/^lo (var salary). 
cgysi/sn/T/p/ <snrfii®S)&aiu ulLl- variable-.®^ ot/ 5 <s 

LD^iui3ss)m suLprhiau (SurrSlCS/Dmi) <oTmu<ss)&>d 

(gjfluLSJQLD Qtfiu&^jd^) 'variable initialization’ 
<oTGsrgy Quiurj (salary=”25000.00). «^ 0 variable- 
g> ^rfil®S)d(& ) Lb(3urT(3&, <31£iDarTG$r 
ld @)1 li iSl(otf)(5tiTiLi ld <su Lp rdasv mb (var age=29). 

(aLDsgjLD spsirgud(^Lb (HldjbulLi— variable-<*®r>syr 
spQrj (Srsu^^lsv rBLbwmsv ^rSlGbbd&GyLb, 
ld d)iLi L-i &>(5ft) GUT sv Lpdiasi^Lb (Lpu^iLjLD (var age = 29, 
name=’Nithya’;). 

document.write() mdrugi ^^sir 

^6ft)i—ULid(§d)ld(§tsiT QarT($\d3iuu($\Lb 
efilsyiujihiasftitsrr QlsueAuSli— s-^Gyib. £§)/si( 3 j 
^ sin l_ u Lid (gjtfild 0 m 
(salary,”<br/>”,name,”-",age) msirgy 
QairT($\d3iuuLLiq-(n)iju&>rTsb, salary -sir ldSDul/ld, 
<br/> tag -^sftr&g cursor-g> ^ 3 i(g)d,g, evfld(3j 
^s^jui3 name-sir LD^iusfttuiLiLD, Hyphen 



67gn/LD (&)($IU$LLGl5)l—U-ILb, age -m LD$5)U <531 UlL/ LD 

Qsu<snfluuQ)^^liLi<shsrT^i. 


srmQsu £D<s®sr Output l5)<sot6 U0 ld/t/p/ ^gvildilild: 


25000.00 

Nithya-29 



Local vs Global Variables 


^(^^uisj.iurT£n spQrj variable-.®^ Qeu si] (Usury 

Gustnanurrm LD$ULi3>G$)6rr <sh&>gZt STSvstnsVGmuu 
QurTryp&y rBLbwmsv susu/jiurydai (LpuyiL/LD. 
l 5 )<sotsu 0 ld a_<$ rrrrsmd,sv salary ststiild 
variable -<®0 s ^0 LD^tui3ss)m (25000.00) 
tSysfil^&jsbQsrmLb. i3mmij variable- ®» s ^0 
function-< 950 syr u iu sir u ($)£$, (Usury spqj) 
ld^Iul3susst (50000.00) <sysfil£aysb(SsrrrrLb. 
^jsusurrry s ^0 dlrfihu srsbss)svujnm function- 
d@srr suG5)[jujtr)]da,uu($\Lb variable-sir ld^Iul/ 
toT<sv6tn<svd(§m(3m(I>uj (ymyrB&y si5)(J)ld. 
^)< 5 < 5 t ><537 / 6 /TLD "Local variables” 
(salary=50000.00) srsirry 3^ry(SsurTLb. srfb&> s ^0 
< 5 <s vfl STsbss)scd(e^<sbi^Lb ^svsvrrLDSV Qurraysurrar 



£nrr<5muu®u®s)6ij " Global variables” 
(salary=25000.00) ^(§ld. 


<html> 

<body onload = 
checkscope();> 

<script 

type="text/javascript"> 

<! - - 
var 

salary=2500Q.QQ; 

document.write(salary); 

function 
checkscope( ) 

{ 

var salary = 

"50000.00"; 








document.write(salary); 

} 

//--> 

</script> 

</body> 

</html> 


g)a /0 document.write() qpgvld salary-sw 
LD^iui3s<s)m QGusifluuQpgjLDrrv}] function -<*0 

ssbQsmLjLb, Qsus^lQiuiLjLD Q&rTQ^&jsbQistmLb. 

^mrrsb function-* gj ssnCHm asbm euifl 
ldl(J)ld Q&ilksvuQ^uulI® 50000.00 STOT )]LD 

LD^iui3s<s)m QsiJGifluuQpSdiLimmgi. 







toTudiurTgjLD spQrj variable ^)0(tp<53i/o 
uiusiru($\£&,ijuLliq-Qfyui3siT, local-^a 
tom ld&> 3 >lj u lLl _variable -sot ld^iuCSu 

(Lp^SftTSftlLD QuQJ)Lb. 

STSotGsV ^)<5SOT Output iSl(oftT(oU (ft) LDIT[Q] ^ (ofttLDlLj LD'. 

50000 00 


Reserved Words 

s£0 dhsv siy/T^sOT<s<g5SOTSOT (eg: export, final, 
long) TBLDLDmsv variable-^,* ^rSlaSida 

(LpLTj-UjngJ. SjQsftTSftTIOITSV (SuiTSftTID 

SUfT/r^SOT<5<95(S)5<g50 STSOT(o)sOTSOTSOT LD^)UL7<95SOT 

st 6 otl/ 6 ot <5 javascript-®p a_ 0 su rrddhusuijaCSm 
TflunJU^gi 6i5)l_!_z_sot7/. ^sotsuCSuj Reserved 
Keywords’ <ormuuQ\Lb. £D<ssot ulLl^iusv 



L5)<S3r6U0L£>™y: 


abstract 

else 

instai 

boolean 

enum 

int 

break 

export 

interl 

byte 

extends 

long 

case 

false 

nativ 

catch 

final 

new 

char 

finally 

null 

class 

float 

pack; 

const 

for 

priva 


continue 


function 


debugger 

goto 

default 

if 

delete 

implements 

do 

import 

double 

in 



3 Operators 


Operator Gimrorrsb ^iud(§u su j simig] Qunqjjsb. 

Qd&U (_/(_!_(_ LD$dlULia6tS)GfTLj 
Qu/DV)]dQam 5 m®, ^<95537 l 8 §] sp^dlsv 
Q&iUGburrCRi&ssxsiT Q&sviddl. rsmd(^ (5s usmigiu 
9 ,aisusbayss)sn QsusufluuQl^^iLD (Ssusaisusnuj 
Q&ujuGij(fijd(§ operator srmgy Quiurf. 
Javascript-su arithmetic, comparison, logical, 
conditional, typeof, assignment Qurrmro 
usbQsnQ] snsal < 95 ( 0/7531 operators ssbsrrm. 

dLpdanr smn i program-sii <51J<531<95 

operator- <95151 dm Q^ujsburrQian^Lb Gpqrj Q&pd 



Q <95 /T(J) <95 <35 U U lL (J) SnSfT&J. 


<html> 

<body> 

<script 

type="text/javascript"> 
<! - - 

var a = 100; 
var b = 40; 


document.write("Arithmetic - 
document.write(a 

%b); 







document.write("<br />"); 


document.write("Comparison - 

document.write(a<b); 
document.write("<br />"); 

document.write("Logical - "); 

document.write(((b<=100)&&(a>= 
100))); 


document.write("<br />"); 





document.write("Conditional - 

document.write((a 
> b) ? a : b); 

document.write("<br />"); 


document.write("typeof - "); 

document.write(typeof 
a=="string" ? "The value is 
string" : "The value is not a 
string"); 


document.write("<br />"); 






document.write("Assignment - 
"); 

document.write((a 

-= b)); 

document.write("<br />"); 

//--> 

</script> 

</body> 

</html> 


^)< 5 ®sr Output L$®sr6170LDf77p/: 


Arithmetic - 20 

Comparison - false 

Logical - true 

Conditional - 100 

tvpeof - The value is not a string 

Assignment - 60 







^]u(Sunr^i (Hwirjasmi— program- d&rrm 
®S)m&3i£G$)&,iLiLb, «^si/(o)su/T 0 snss)3i operator-sir 
S(T£LD SU 0 LD /<S31®sr<S0/ Sl5)<SLD/T®sr (&)l]SlU$($\3i<sfi}m 
Q&iusburrQaiGsxsmLiLb i3msn(f^LDnpj arrsmsomb. 
GLDfD&smi— ^/(S<s program-su document. write() 
67gn)fx sir/Dsyxu ldlLQld S(Slp 
Q&nQdaiuuLLQmGnGurTir}] LDrrtDrSl LDrTpjfil 
^iudd) urrijdaisi^LD. 


Arithmetic Operators 

£|)<5<sotSlp su0ld am.Li/— si), aLflpsv, QuQTjdasv, 
su0<5<ssi) srmQmmm Q&ilulild eissiu^,] 
s-imaitgfTfdGai OpfliL/LD. §)«gi)L«if (H&rfda>i 
Modulus (%), Increment ++), Decrement (-) 
srgn/LD 3 sum if, (giflubQam ssbsnm. % srsiruaji 



^jijsmQ) GJGtssrassxsfr gu(§£&<sv £)Gtni—d(§Li> 
l8G$gs)uj GhsuGtfluuQpgiLb. ++ srsiru§i 

Q < 95 FT® < 95 &ULull— GJS mGmi lsZl GpQTj STSSSTSSUSSSld 
^L.Lj_uyLD, — <ojmu&)i QarrQdauuLLi— 
STSmS^lL (5&T 6p>(77} <5T(offlST(oft) (o^STS-t l Z^/) ft I LD 

QsUSufluuQl^^lLD. 


Arithmetic Operators 

document. wnte<e+b) 

140 

documentwritet a-b) 


document. wnte<**b) 

4000 

document. wnte(a/b) 

2.5 

document, writer »%b) 

20 

document.svnte<++a) 

101 

document. write< --b) 



Comparison Operators 












GJGtssraGsxsfT <spui3L-($\ sl§] 

Qufhu^i ( >), @)p5liugi (<), &LDLDrrma ) i (==), 
<?ldu5)susu/7<s^/ (!=), STSOTL/jy (SurrsirjD 
&,aGUGba,G$)6iT Ghsusifluu®^ a_<ssiy ld. (>=) 
sisirutj)! dllld mssrgi ^(svsvgj QurHhugi iSLmfpjLL, 

(<=) GTG5IU§] DLDLD[Lm§] ^GVSVgl £) ffillLI§1 

<oT(o$T(Q ]ld QunqijGrruQLb. £D<s<sot Qgug/lIuuit® 
toTudiurTgjLD ssmstuD (true), Qurriu ( false) 

Slap ILL, LD $ULI <95 <531 SItCSuj Q U JD ft ®<® 0 LD. 


Comparison Operators 

document, write! a = b) 

FALSE 

document. wnte(a!=b) 

TRUE 

o 

c 

i 

± 

1 

TRUE 

document, wntel a< b) 

FALSE 

document. wnte|a>=b) 

TRUE 

document.write)a<=to^^ 

FALSE 










Logical (or Relational) Operators 

3-ss$rs$)LD, Quitili otsti/lo 2 LD§juLi&Gts)<srr 
spuiS® Q&ilhuu uujmuQ&lrD&j. && 
spuLSh—uut^Slsirr) ^snm^§]LD ssmsmir 
GTsiruG$)&, QsusufluuQl^^lsrsrmsv ldl1@G>ld, 

^gJGlJLD 3-GtttTGtnLD <oTmUG$)g> QG1JSlflUU®ggjLD. !! 

<spui3i—uu($\u<5ts)<si]3i6filGb isjQsy&piLD spsirr^lsir 
Qsus/rluurTt^) ssmsrsn£> <srmj^] ^j(§rB^rrsv an.u 

^gJGlJLD S-Sms^lLD <ormUGS)&> Qsusnfluu(^^^l 

sfilQLD. ! srsiruOsuSlflUU^LD Sl5)(SJT>/_ 
a_<533r<55)LDUJf7« <^q^ui3m Qurruj srsiriQiLb, 
Qumuujrrai ^(r^ui3m ssms^LD srmQiLb urrrrofSl 
QsusufluuQl^^iLD. 


Logical Operators 

document. write(((b<«100;&&(a>«10C,ii 

TRUE 

document.wnte((lb<»100)| |(a<«100jj) 


document.wnte(!Ub<»100j&&(a>»X00J|] 

RAISE 


Assignment Operators 






= toTsirugj susvuludlc) £|)0<S(0ld ld^ulSstisot, 
£g) i—ulijold a_ err err variable-.* 0 svtp/E/®si5)@LD. 
b=40 sTsw/p/ 90 variable ansmijui^m, a=b 

6T6Sr<* (fl)d5/7(5)d50t£)(Suff0/, a-63T LD^lUL/ 40 6T<S3r 
LD™5)si5)®t£>. i3ssrssrij a+=b ctsot* 
(o)<®/7(J)d50LD(Sufr0/, I^JTD<5<S37<36U a-6U 2 _sbstT 40 
Slap ILL, LD^IULI, b-si) S-Snsn 40-6iy (_6Sr 
<®lLZ_l}lJl1(5) a-SW LD^IULI 80 6T63T LDITf$lG)S)($\LD. 
a-=b 6 t<s 37<® (o)<®/7(5)<®0t£>(3ufr0/ 8O-a5)0^0/ 40 
<*L^)<*<*LrZ_/L_(/)) lBsSSTQld a-63T LD^LTL/ 40-<*(3<* 

6u/50/6i5)(J)i£). ^udiurTgj i3mGuqjjLD 

2_<®/777<S337<5<S31<5l} U rTfj^ff, fTSV 2_ ,'S7 iF,QfmQsvQiu 

L//D/ 50 / Qairmstr (LptLj-tLjLD. 


Assignment Operators 

document.v.rite(a = b) 

40 

document.wnte(a»=b) 

80 

document.vvrite(a-=b) 

40 

document. wnte(a*=b) 

1600 

document. write(a/=b) 

40 

document Avrite(a%=b) 

0 










Miscellaneous Operator 

Conditional (or ternary) Operators (a > b) ? a 

b GTsirugj spqj) <3<977<5<S31 sOT&nuj Q&iugi, 
QeiJtSrfluurT® S-SmstDLD ST<S37 £D0/_}l 5)<S37, ?-<95(gj 

ssbsrr ld^IulSIs^ismil/ld, Qurriii GTstr 
<^l(njui3m ^rs#, ld^IulS1jb(^ asbsn 

LD^iui3ss)miLiLb QeutsrfluuQpgjLb. 

(typeof a==”string” ? "xxx”: "yyy”); <srsiru§i 
spqij variable-si) ssbsrr i£>^iui3m susmasmu 
Q&n&,Gts)mGtsnu Q^uj&j, QeuGifluurT® 

s-smstnLD torm <^qjjui3m, ?-d@ tSHQ&gj ssfrm 
ldS^IulSIsd smL/Lb, Qurriii srm <^qijui3m <snri>&> 
ld^IulS1jb(^ ssbsrr LD^iui3ss)miLjLb 

Qsusirluu @< 565 / ld.. tsy^rTGugi sp(§ variable- 



^%ssr§i "number”, "string”, "Boolean”, 

"object”, "function”, "undefined” (SurrsmjD data 

617631 <95 <95 (SHjL&ST GpULSll—UUQ&llDgl. 


Miscellaneous Operators 

document.wrtte((a > b) ? a: b) 

100 

document.wnteCypeof a»«"strtng' ? "The value is string”: 
The value Is not a string"); 

The value is not a string 









4 Conditional and 
Looping Statements in 
javascript 


Conditional statements 

90 variable-si) (S&Lfild&uuLLQmGrr 
LD^iuurrm^i usvCSsugu $ur5g>Gtnmai(3<5frrT($\ 
spui3i—ijuQ\Lb. spsiiQsun(i 5 rflurB&GtnsmLiLD 
usvGsugu sustnaiurrm $&L£>Gija,G$)6iTd 



(o)<95f7<S3Srt^.0<®0LD. SpUl3 /_ UU@1 ®SOT© 

LD6j) l}/_//7<S3J0/ OT/5<5 /^L//6^<531<SOT(SuJ/7(5) 
Sp£§]Lj(j>UrT&>)lD(J>£rT, ^30gnj<ST>/_lU /£)<SLp6l5)<ST><SOT 

rflaLppgiLD Qffiu^]d(SF) If.. .Else ld/d/ti/ld 
switch_case Gun sir to conditional statements 
uiusiruQ&lsiTfDGtr. 

If...Else 

l5) sirsn0ii a_<5^/7<sw<5^)si) age stct/ld variable-si> 
s-sbsrr ld^iuli 18 (tp<ssu21 snsai/j <^q^ui3sir 
"Legally fit for marriage” snspiD 
surrddllupstnpiLi ld, 21-®» si5)/_ ^^!3>LDrrai 
g)0/5,<5frsi) "Legally and Medically fit” srsmut 
sund&hu^GinpiLiLb, Gsugu ot/5<5 LDtdluurra 
(G' ; ahdn,nsynl J "Not fit for marriage” sign /id 

surrddhu^snssiLiLb QsuGifluuQpgjLDrTT)] 

Q «/r® <* <* u u lL (J) srr mgj. 



s£0 If.. .Else (S&rr&.GmmuSleb ioTu(Sunr^iLb if, else 
if, else CTgn/LO 3 sus^anurrm Q&rr&>G$)m3iG$)<srr 
aaLi—muLD QarrQ&ai (Ssusm(^Lb stsstiq] 
^sudhuLbhsvs^isv. If ld/J.(J)(Sld Q&rr($\&,&j sp(§ 

(3&rT£Gtn6mLii—6irr£lv}]£6)ldQamsrr(Sfr<svrTLb. If- 
siy/_®sr (H&rjpgj Else-g>uyt£) QarrQb^&j ^psm® 

(S&rrp sal<53 til //_< 53 / rf>l /p/a; $d)dQanshsnso mb . 

usvCSeugu Q&n&.Gmm&Gtsxstr 
6i5)0LDl 5)<S37770L> else if -g Lpsvib (SsUSmiS).UJ 
loTsmsvsflds^iauSlsv (H&npGtnstsraswsrr 
(H&rjpgidQarrsmCHi—iLiLb Q^sbsoscmb. 


<html> 

<body> 

<script 

type="text/javascript"> 

<! - - 







var age = 24; 
if((age >= 18) && 

(age <= 21)) 

{document.write("Legally fit 
for marriage");} 

else if( age > 

21 ){document.write("Legally 
and Medically fit for 
marriage");} 

else{document.write("Not fit 
for marriage");} 

//--> 

</script> 

</body> 

</html> 


£D<S<sw Output i3ssrsu(j^LDfTjr)]\ 






Legally and Medically 


Switch Case 

i3 sir 6ii 0 ld a_<5 rrusm^^lsv switch- 3>0syVgi0 
(^jt^ulSIlLl- ld$£iui3gis)<sist£ (II) <5/7/57® (77517617 
variable (grade) QarTQ\as,ijuLL(Susb<sn§]. 
tSypsir&Lfi s-sbsrr case-agjsrr u<sv(Ssugu 
LD^lULiaignjLb <sng>rf)3inm QsusufluurTt^ai^Lb 
QaurQ&aiuuLLQisbsrrm. Switch- d 0 srr ssbsrr 
variable- sir tt> £5) lju awg/ case- <95 0 617 a_ sbsn 

LD^LVL/a^LSOT Sp U l3 I—U U Li® , 67/5<5 

td £ 5)79 77 (_ 557 s^<s^/Li( 5 uaffl/D(S<s/T(case ‘II’), 
cgi/<5 7) <95/7657 (b) 6176l5)/j77/7(J_7iJ_651657 ("Pretty gOOd”) 
rflaLfi^gl&ljDgl. £§)/5<5 617 651 <95 (77/7657 
(o)<?(776U(_//7(J.7^./7)0 /5/7LD USvQsUgU Else If <fti./_ 

/_/(7765779(5)<$<561)/7LD. £§)®»617 £§) (765577^77) 0 77) 2_6)T617 
6£<3(7 6£0 6i5)<S^)(7//7<9 : 77) 67657657(b)617 &sflsi) Swtich 

Case-^ 6570 / sp(S[r spqj) variable-657 td £5) 7775)551557 



LDl 1®(1>LD UsbCSsugU LD £ 5 ) UL/<95 ( 6 )Tj(_ (SOT <spUl3($\Lb m , 

Else If- spsirgud^LD < 3 ld / dl / l _ z _ variable- 

astsxsfr ^smsm^gi usvQeugu LDSZlULiatgnjisir 
spuiBU^ib. 


<html> 

<body> 

<script 

type="text/javascript"> 

<! - - 

var grade='II'; 
switch (grade) 

{ 

case ' I': 

document.write("Good 
job");break; 





case 'II' : 

document.write("Pretty 
good");break; 

case 'III 1 : 

document.write("Passed") ;br 
eak; 

case 'IV': 

document.write("Not so 
good");break; 

case 'V': 

document.write("Failed") ;br 
eak; 

default: 

document.write("Grade is 
not valid") 

} 

//--> 

</script> 

</body> 

</html> 






Output i3mGuqj)LDntr}]\ 


Pretty good 



5 Looping statements 


@0 (^j^ul3lLl- rfrjsb Q&,[j(3)Ui3s$)m lSssst^ld 
L 8sm®Lb £|)u_/<s 06 iv< 5 /D 0 while, for Giunrsir/Dsinsu 
uiusirut^dlsirpsm. ^stnsu ^psmQLD (Lpp&Slsv 
variable-sir ^uf.uu&y>i—uSlcsv condition-g> 
susShLiQippirb. iSimssrij condition 
G)u[uuiurr(3)Lb susnrr variable- sir Lb$ui3s$)stsr 
spsiiGsurrsirnorra ^sn^iarfuupsir ^Lpecrb 
3tL£>!d§\sis)uj a_0si/ rrd(pSlsirjDsm. 

While & Do while loop 

£|)£ 5 )®l> while ldidqjld do while otct/ld ^psm® 

(oU(o$)(9b<9b(on Q—(oYT(oiT(ofiT. 

dLpdasmu OT(/j)<s0/<s<95/nJ_iij_fflL> x-^szrpi while- sir 



Q&ujGbunLLiq-Gtnm ®S)<5rr&(& ) Gi]&>!D(3)Lb, y-^sxrgj 
do while-<5OT Q&iusbunL-iq-ssistsr ®S)<srrd(& ) Gij& > [D(& ) Lb 
uiumuL-Qsbisrra)!. ^stsisu ^jusm(^)d(^Lb 
(tp<sa5)su0 CTgn/LO ldG^Iuli GiiLfirhiauuL-Qmmgj. 

While loop: X- sir ldSDuli 10-<* 0 ld 

0<S31/D6U/73S ^)0<®0LDS17(S31/7 c S1/<ST)/_l}l/<* (§[fild(§Gn 

{ } asnsnsorossiro Q&ajsvuQpgjdlfDgi. (Lppsfilsv 
NumbenO srsirugi Q su s/rl u u ($)§>) jogi. i3sirssrij 
X++ srsirugj x-sir LD^uL/isirl-g} ^lLls). 

3rLpiodls^nu£B gfrsmQdl/Dgi- srssrQso 
tfrLpfdffiudisv, Number: 1 srsirugiLb 

Qsus/rluuQLb. STu G> u rrgj X-sir LD$dlu Li 10 -go 
tSystni— Si jo ($&> rr <s>ju (Surr^i ji/ianLui^i (& ) r$ld(& ) sb 
{ } 3-srrsrrsiJiBsr>fD Q&iLisvuQ^miisv &L£irjdlsmu 
fBirrydjStfdifOitrf. 

Do while loop: do-snsuai Qprri—rfrBgi srsirssr 
Q&ujsvu (/j)<9><5 QshismQGLDrr, <s> /®n<s (Lp&,eSlsb 
QarrrQ\^§] si 5 )l_ (SsusmQLb. ^^sir i 3 sirssrij 



condition susShLign^uu^Lb. 

^Gtni—ULid (&)i$ld({f)<sb { } asbsnssxsny- sir 
LD^lUL/ 5-<® 0 LD (&)G$)rDGl]rTa, ^(fJjd(§Lb 6U631/7 
Q&uj situ® < 5 < 5 uu($\&}mrDm. ^)<sdsi/ ££][rGm®Lb 
urrpuu&JD( 3 ) spQrj LDrT^nfhurrai ^)0/6<s/t^/ld, 
Q&iu< 5 V(Lp 6 tn/Du 51 < 5 V (Ssuguu(^)d}sirpsm. 

While ^sisrgi (LpgsSlsb 3<977<5<531 ssr 
QurrQTjrB&iidljD&rT stgztu untjd,^, iSimssrrr 
<3)6tni—ULid(§iT ! )ld(§m sshmsuiDs^p 

Q&ujGvuQgafjsijgmsv "Entry control loop’ 

tormu U®LD. 

Do While ^stni—ULid^rSld^m 

ssbsnsu id ss)fD Q&tu<5Vu®£$dnLi i3mmQrj 
3<977<s® n<s3r Qui'(§rB^id}jD^i' <nmu urrijuu^rrsv, 
'Exit control loop’ srmiju^Lb. ctsotCS su Do 
while-si) 3 < 977 < 5 < 531<537 Q u rrqj) / 5<5 <si5) si) <S3> su 
svdmnsoni). <s>l&,mrTsb &fp/D@)Gmu 

LDLdQ)(SLD <5(J)<95<S (LpUj-lLjGtLD <5<Sl5)/7, <57/D<95S373su 



<3)Gtni—ULid(§iT ! )ld(§m rsi—rs^l spsirs^iiu 

<Ssi5)/7<®<95 ^iLnsvrrgj. 


<htnl> 

<body> 

<script 

type="text/javascript"> 

<! - - 

var x = 0; 
var y = 0; 

while (x < 10) 

{document.write("Number:" + x 
+ "<br />");x++;} 


do{document.write(y);y++;} 
while (y < 5); 









</script> 

</body> 

</htnl> 


$}&sir Output i3mGuqj)LDntr}]\ 


Number 0 
Number 1 
Number: 2 
Number: 3 
Number: 4 
Number 5 
Number 6 
Number 7 
Number S 
Number 9 
01234 


For loop 







For loop- ld while Qurtmi d< 3 < 5 . £D<ssot si/lj_sijld 
ldl1(^(Sld LDrrgijuLlQmmgj. spQrj sp(§ 
sfilp^iurT&LC) srmmQsnssflsb, loop-< 950 syr 
variable-sir gjGuds, ld^iul/ 

<su 6ft) ijili fQj&>&> Li u(]))<9>ljr)3)]. S&LpdasmL- 
srQ\d,§,idainLLi^sb for loop- ^,sot 0 / x-sot ld^Iul/ 
0 STSOT/p/LD, tSyffJ 1O-650LD 0SOT®61LfT<95 (X<10) 
£§) 0 <® 0 ld susftij^sftii—ULid (§rfild(§m { } 
ssrrmsuiDSftip Q&iu<5vu®££ (HsusmQLD srsOTSiyro, 
SpGuQsiirTQT) (LpSftlfDU-ILD {FJGudai LD$£lU L/Z_SOT 1 
dTn.Z_!_Z_ LJ U L _ <3siLS3OT(£)LD (X++) STSOTSly LD 

For...In GTGftrugj for loop-sw ld/d(o);d/t 0 svsot*. 
variable-g> s ^0 object-sw s ul^KSuj Q&sviddi 

^t^SftT ^SftlSftT^^I UGmL-l&GS)mu-jib 

spsuQsurrsftrjD^si Glsusufldamli— a_<ssiyffl/D^/. X 
sign/ ld variable- g> dLpdasmisu /r/p/ navigator 
srs ot/ld object suLfKSiu Q&<svid&,i ldQu nrai 

^t^SftT ^Sft)SST^§] USftSTLiaSftimiLILb 



(5p(oi]Q(olJ fTStiTJD[T&> Qsus/rl UU($£§1 SU<S31<5<95 
3>nsMiGvmii. 

<html> 

<body> 

<script 

type="text/javascript"> 

<! - - 

var x; 

for(x = 0; x < 10; 
x++){document.write(x);} 

document.write("<br />"); 

for (x in 

navigator) 

{document.write(x+"<br />");} 
//--> 






</script> 

</body> 

</htnl> 


£|) <5 sw Output i3msu(r^LDrrjQ]: 








Break...Continue 


s£0 stp/D^) rBi—rB^iQ<^rrsmLSj.(r^d(^Lb(Sunr^i, 
^smi—uShsv 6^0 (^j^IulSIlLl- Sripivd) lorsms^sflsir 
(Sun^i tSU&arLprD&uSlGSlqjjrBa)] OlLorr^Lorra 

Qsu6yf!Gujgneua,ro(3) break- id, ^daiLpiod 
loTsms^sflsir (Surr^i ldlLQld ^ss)i—ULid(^rSld(^<sb 
a_ mmeufo&s)fod, gstflrfggi, ^gy ffrLpfod 

ioTsmsvsfJ<s61(§rB^i ^uldlSIuu^jd^ continue-LD 
uujmuQ&imrDm. Continue- ss>su 

uiusiru($\{£3 ) iGi]&,!D(& ) SrScuLDiai, spstitryd^ib 
(SldjdulLl- &rLprf)§\3i<sb ainsismuui^m, s^0 
0/r5)/ji_S lLl- arLproduSlsit ^(f^Slsv 
^<sis)LDdaiuuQ\Lb identifier-<sfrasr Labels ^^ld. 


d^dasmi— '5TQ\^§]dainLLu\.sb x-^m&j break-sw 
Q&tu<svurTLLu)-6tr)6tsr e>5hsrrd(§GiJ£iD(8)Lb, y-^svrgi 
continue- sot Q^iusburnLi^s^m ®S)<sfrd(& ) Gi]& > !D(& ) Lb 
uiusvruLLQmmgj. Heading: srrnu^i ld. x, 

y ^)/ts3ot(5)<®0ld (Lp&>eSleb 0 CTgn/Lo ld^Ili l/ 

suLprhiauuLdt^msrr^i. 

Break: x- sot ld^iul/ 10 -d^tb ^sot/dsu^ 

£§)0<950TD SUSOT/JcgySOTL/jL/a 0/r5)<*0SOT { } 
2_SOTSyT61//D SOT/D Q ff tu U ($! djiFJ LD nfjlJJ S£0 while 

loop ^SOTLD<95<95/juL(/))SOTSOTd£/. ^)^)si)X-SOT 
LDtdlUUrrmgJ 5 6TSOT/LD SrLpfddl STS3OTSOTS3OT 

cgy sot z_uyLD <3u/ray OrLfi/odlsmu si5)l_(J) 
QsueifKSiu^iLD suss)3yuSlsb if (x == 5){break;} 

srs otjld surrddhuLD QarrQdauuLLQmmgj. 
Continue: y- sot ld^Iul/ 10-<*0td (^sot/dsit/t.* 

£§)0<*0TD SI/SOT/T ^9/SOT Z_ LlL/d 0rt5)<®0SyT { } 

2_SOTSOTS1T/DSOT/D Q&ILK5V LDngU S£0 while 

loop = 9/SOTLD<®<5l5/j/_//_!.(5)SOTSOT^/. ^)^)ai)y-SOT 



LDSduurrGtsrgj 5 srsp ii> &L£/rj§) srsssrsmsssr 
cgi/SDLUyLDCSu/T^/ LDL_(J)LD if (y == 5) 
{continue;}, ^<sy>/_UL/<S 0 /) 5 )<S( 06 )T S-sbsnGurDGtnp) 

Q&iusvuQ^rTwsv loop-sw Q&>m _ d&>d>G<s)&> 

Q&sirfDGtni—r5& l i tfrLpfddl srsmspsfl&SJ(§rB^i 

SrLpSV ^ULDLdlddljD^I- 

Labels: i -sir ld^Iuli 3 -d^rb (gstn/Dsu rra 
0<950LD SU(ST >/7 (o)snsyi)ljL//D loop 
&rLp6^] LD U LZj-U-l LD, <3t£JD(8)Gn S-GUStT j -(SOT LD^lLI Lj 5- 

<*0LD 0<S31/DSUf7<95 £|)0<95(0LD SU<531 /T 2_Z_!_L//D loop 

aygu/LDL-/^-tL/LD 2 for loops 
^s<s)LDdaiuuL-<^\<sb<snm. 3-lLlijd loop-si) j-®sr 
ld^iuli 3-g> ^s<s)i—iLiLbQurT§i Heading srsnub 
Quiurj Qarnsmi— label ssbsn ^]i—^^ljb(^d 
Gl&evGgiLDnfiri] s^0 sufil if (j == 3){continue 
Heading;} QarTQd&uuLLQdsbsn&j. ^jrsp 
Heading: Qsu g/tIuli/d loop-sir gjsudapSjsv 
QarTQdanjuLLiq-Qfyiju&.nsb, i®0/50/ «Lp/rj£) 
GTsm3- darrm &rrppd}smu ^prbrSld^rb. ^mrrsb 



(i<3) 6TCT/LD (S<J/7<5<531<SOT<®0Syr = gi//_/Bj<9S/7 ; 5 ; 5/7SU, 

^)/5j0 SrLpjD^l (LpL!)-dauuLl($)mm& l j. 


<html> 

<body> 

<script 

type="text/javascript"> 

<! - - 

var x = 1; 
var y = 1; 
while (x < 10) 

{ 

if (x == 5) 

{break;} 

x = x + 1; 
document.write( 
x + "<br />"); 

} 







document.write("<br />"); 


while (y < 10) 

{ 

y = y + i; 

if (y == 5) 

{continue;} 

document.write(y); 

} 


document.write("<br />"); 
Heading: 

for (var i = 0; i 

< 3; i++) 






{ 


document.write(i + "times" 

+ "<br />"); 

for (var j = 0; 

j < 5; j++) 

{ 

if (j == 3) 
{continue Heading;} 

document.write("Value is: " 
+ j + "<br />"); 

} 

} 

//--> 

</script> 

</body> 

</html> 






Output L®(Sir(5170LD/7^/: 


3 

4 

5 

234678910 
Otuues 
Value is: 0 
Value is: 1 
Value is: 2 
1 tunes 
Value is: 0 
Value is: 1 
Value is: 2 
2tune$ 
Value is: 0 
Value is: 1 
Value is: 2 



6 Functions & Events in 
JavaScript 


Functions & Events 

Functions LL/ryuiusiiunil _gj a_<ssiy ld 

GUGtnamSlsv <aT(L£>^uu(^S}sirjD f§)rjsbaisb ^(^LD. spqjj 
LflauQuifhu program- g> rsmi GT(Lg$d 
Q&rrssisru\-Qj)&(& ) Lb(Surr{r ) ] spqij&Usv (^j^JulSIlLl- 
rflpsvastsxsrr ldlLQld rsLD§i (SpstnGudCSaiDu pmi 
l8ssstQ\ld LismQui uiusiru($\£&, 







<3su<s3W^.uS)0<®0ld. ^uui^uulLl- fifjsb&Gsxsfr 
spQjj Qun&jGunm Quiuij 
( 3 *u 5 )^ 0 /*(o)*/ 7 iOT 6 vr functions uiusiru® ffl jogi. 

<9r(rj)&3iLDn3i3 : Q&rrebevuQunmrTsb, spqj) 

LfilauQufiiu program-g> dlrrgdlrru u^tdlamrrau 
L$ifl£§id6tr>&ujrrtQrijGi]£iD(§ functions 
uiusiru(^S}jD^i. 


£D<s3i<s parameters <sjf6rrydQarrem® 
Q&iu<5vu®uGtnGij, parameters £g )svsvrrLDsv 
Q&iUGbuQuG&Gi] GTmg}j ^rrsmi—rrau 
i3$}daiscmb. i3msuq^Lb srQ\^§]dairTLLu\.sb 
sayHello() parameters ^svsvmDsv 

Q&ilksvuQld function-.®^ s-prTrjsmLDrraGijLb, 
concatenate() parameters ssxsuggi 

Q&lU<5VU®Lb function -*0 2 _< 5 / 7 / 7 <SWLDf 7 « 617 LD 
siSsyr/BJ^ffl/D^/. 



<html> 

<head> 

<script 

type="text/javascript"> 

function sayHelloQ 

{ 

document.write 
("Hello Buddy! Welcome!"); 

} 

function 

concatenate(fn. In) 

{ 

var name; 
name = fn + In; 
return name; 


function fullnameQ 

{ 











var c; 
c = 

concatenate('Malathi', 

'Sivakunar'); 

document.write 

(c ); 

} 

</script> 

</head> 

<body> 

<form> 

<input type="button" 
onclick="sayHello()" 
value="Greetings'^ 

<input type="button" 
onclick="fullname()" 
value="Click Here"> 

</form> 

</body> 







</html> 


Output i3msi]qj)LDrrtr}]\ 


Gceetings Click Here 





Hello Buddy' Welcome' 


MiiUthiSivakumiu | 






















Functions without parameters 

sayHello() sts^ild Quiuflsv (H&LfidauuLLL- 

function, "Hello Buddy! Welcome!" suspu) 
GuifluSlsmm (o)si/syDuu®< 5 ^/ld (Ssusnsusnuj 
Q&tuQ/Dgti. ‘Greetings’ sign/co Quiurf 

Qarnsmi— Qurr^nemm Q&rTQd^LbGurT&j, ^)/5^ 
function ^ss)ipdaiuu(^\Lb snsnsyuSlsb body-<*0syr 
spqt) HTML code QarrQdauuLlQmm&tj. 
parameter ^jsvsvn'LDsv ^stnLpdauuQLb 
function-*0 3 _&>n[jGtsmLb ^(s^ld. 


Functions with parameters 



"Click Here” srgn /ld Glurr^rrssxsm 
G)&rT®d(§L£>( 3 urr§], fullname() sismiLD function 
<$i 6 is)L£>da>uu($\Gi]g > !D 3 inm code s^sw/p/body- 
d(§<sn ssrrmgj. fullname()-<*0S)TC stsvild sp(§ 
variable-si/<sD/TUjffi/6i5 <55 <s>i$£)gv, 

concatenate() function QGusifluuQpgiLb 
LD^iULj (H&LfildauuQdl/Dg)!. $}[ 6 & 
concatenate()<5/rsw parameters- g> 
sjrojQldQanssisiQ} Q&ilksvuQld function-* gj 

a_<S/ 7 / 7 SOTTLD LD . 

^^nsu^i c = concatenate^Malathi’, 
‘Sivakumar’) srmd QanQuu^Gxr ^psotb, 
^s^ii—ULid^r^ld^m ssbsrr LD^IULi^m 
concatenate(fn, in) sTsw/p/ 
sus3i/ruj/p/<®<95/j/_/L.(5)syrsyr function-* gjsyr ssnstf® 

LDtdlULiamrTad Q&mgu cgysu/D/p/agjsir 
sshmsups^pd Qa : ujsbuQ\d,§iLb. 



concatenate(fn, ln)-<*0 sir name si smut @0 
variable-si/<s3i/ruj/7y<®<®L}LJL.(5) fn. In 

SULflCSlU Q&GVld&Uutl— 2 LD@)1 LIL-I&GTT 

(^smsmdauut® MalathiSivakumar aismut 
spQrj LDStluurra (H&itldauuQtt. i3mmtj 
ld^Iul/ (H&itldauutQtmm name si smut 

variable, return keyword pyievt Glsus/rKSiu 
u$iGmiuuuuCR\&\fr){f,i. ^siisungu QeusuflQiu 
GurB&jsbm £D/5<5 ld^IuCSu c si smut variable-si) 

( H&itldauut (J) Qeusifluu(^^uu(^d}jD^i. 


Events 

s^0 sthsi^iut browser-si) rBi—uu^jd(^ \r>mt 
Q&iLUL/t spsiiQsunsirguit Events <sTGmju(j}t. 
spQjj Qun^nsmm Q&rr(i}d(§Gij§j, Mouse-®p 
r5&!jd,3)iGU3)i, Page-g> load Q^uisu^i Gunmro 
sp si/ Ql suit sirtry it spsuGsunq^ Events ^(apit. 



(3LD/D<95&ssr/_ Program- g> /g/rro Events- 
<®0 ld toTQpgidQamsrrmisvrTLb. ^jtdl&v onclick 
<ordru§] 90 event. onmouseover, 

onmouseout sign; id events Q&rrsm® iDrrror^l 

^tuddlu unijd&sijLb. 


<htnl> 

<head> 

<script 

type="text/javascript"> 

function sayHello() 

{ 

document.write 
("Hello Buddy! Welcome!"); 

} 








function 

concatenate(fn, In) 

{ 

var name; 
name = fn + In; 
return name; 

} 


function fullnameQ 

{ 

var c; 







c = 

concatenate('Malathi', 

'Sivakumar'); 

document.write 

(c ); 

} 

</script> 

</head> 

<body> 

<form> 

<input type="button 
onmouseover="sayHello()" 
value="Greetings'^ 

<input type="button 
onmouseout="fullname()" 
value="Click Here"> 

</form> 


ii 







</body> 

</html> 


onmouseover=”sayHello()”&rOTyLD<3i_f™y 
"Greetings” Qun^rrssfim ^(rij&isv mouse-gi 
Q&rrsm® Q^sv^ild (SurrGlg sayHello() 

UJ <95 <£6 LV (_/L. ® Sl5) (J) LD . 

onmouseout=”fullname()” ctotj j ld <3l/ ray "Click 
Here” Qun^mssflssr cgi/ 0 ®su mouse-gi 

Q&nsssr® Q&svsyLD (Suray ^raysiyro /#<95Lpray. 

^mrrsb mouse-®» QsusiflQiu 

rBa^§]LbQurr§] sayHello() 

£jj) IU <95 <£6 U U Ll (J) SlSI (J) LD. 






7 Window-afls&r u&wLi&m 


window ST an i ii) object-sw ep^dlsv UGmLiasmsrru 

uujmu($\£$£l TBTTLD QfflLULjLC) <3 61J <S31SU<S<S31 SITU 
i 3 mGU(rjjLD[rrrij aTrsmevTUD. 


location 

S£0 611(531 SU<5<5617<5<S31<5 TBTTLD UlUff5TLj(B)£$Bld 

G)&TTs$isru\-QT)d(& ) Lb(Surr{r ) i, £5) us.Q tjssiiq] ‘Home’ 

ST631J7D QuTT^TTSTSTSTST (Lp^SV 

uda£$BljD(8)d Q <s svQsuttld ^sbscsun, £D<57)<$f7<$ 
window.location srap jld usmi_i uujmuQ\S\p§]. 
cgi/jS/rsiy^/ browser-sir sts^l/ uda^GZisb uiussroif 

<S)frhd3>ns,yi ld. spqjj QuTT^rtsnm ^{Lg^^imTTsb, 



9 ® 0 /r 5 )uL 5 )/J./_ url-« 0 <? Q&tsvegjLDrrg}] ^smLDda 
usmLi uiumuC^Sl/D^l. 


^Lfidasmi— GT<$\£& ) ]d3i£$£i<sb, window.location- 
m ld^Iul/ www.kamyam.coin srsirgy 
Q&rTQdanjuLLQsbsfra)]. i 3 mssrij Redirect Me’ 

CTgn/LD QurrggmssxstsT Q&rT($\d(& ) Lb(3u[T& ) ], 
Q&UJ6VU®LD GU6$)3iuSlsb S£0 HTML code 
Q&rrQdanjuLLQsbsfr&ji.GTmGGi] suss)eo^g,mu 

uda£$£l<sv 'Redirect Me’ ctct/ld QuR^rr&nm 

toTiEi(§ GtnGud&msviLb. Qurr^n&nm 

^(Lg{d§lLD Qurr§i, 

www.kaniyam.com stsvild (Lpaeufid^d 
Q&mgu si 5 )®ld. g)ay "Page Redirection” 

6TGmju®LD. 


<html> 







<head> 


<script 

type="text/javascript"> 

<! - - 

function 

Redirect() 

{ 

window.location="http://www.ka 
niyan.com"; 

} 

//--> 

</script> 

</head> 

<body> 

<form> 









cinput type="button" 
onclick="Redirect()" 
value="Redirect Me"> 

</forn> 

</body> 

</htnl> 


Output i 3 msu(f^LDrrQ]\ 


Redirect Me 


« 600 f)uj|jb 










Print 

window.print() Grmugi a,rdQun&s)(f,iu gug^igvu 
uda^GS)#, tsyd&U— s_ 3 > si /ld spqj) print window- 
sdsu 2_06Uf7<*(3jLD. SaLpdasmi— program-<si> 

"Click here for printing” srspLD Quiurr 
Glamsmi— s^0 Qurr^mssxsisr QarrQid^LbQurr^] 

£g)<5<5<531<35UJ Window-<SDSI/ a_0SU/7<*0LD 

susaiauSsi) s^0 html code 
QarrQ\dauuLL(^\<sb<sfT§i. 



<html> 

<body> 

<forn> 

<input type="button" 
onclick="window.print()" 
value="Click here for 
printing"> 

</forn> 

</body> 

</htnl> 


Output iSltofiTGUQTjLDrriQ]'. 


Click here for printing 








8 Dialog Boxes and 
Exception Handling 


Dialog Boxes 


Javascript-®! 3 (LpdShuwm sot ( o ) z _/ z _!_ uj _< s 6 ot 
asbsfrm. ^sujDs^ijod dLpdarr smi Lb 
STQ^&jdanLLiq-sb ansmsoiLD. 

•"Alert box” stsot/ld Gluujj Glarrsmi— 
Qurr^mssFlsir lE^i Gl^rr^d^LiQurr^i "This is 



a warning message!” st^jld Q&iuS] 
Qsus/rluuC^Lb snss)3yuSlsb ep(fjj QulLis). 
2-([jjGijrTdaLjuLl®mm& l j. uiumijaissxsn 
tord&fldt as a_<ssiyLD alert() QulLl s/. 

•"Confirm box” 67 ct/ld Quujrj Qarrsmi— 
Qurr^mssflsir lS§] Q&rrQd^LDGurTg,] "Do 
you want to continue?” ctsot© 90 
(Hamsfilsmud (Said®, ^< 5/00 ^ld/^ svstsvsv 
CTSsr/p/ fBmb u^l<svsifld(^Lb suss) 3 >uSlsb spqj) 
QulLls). s-QfyGurrdauuL-QGHsrr&j. 
confirm() Quid-iq. sTswuuglii). 

•"prompt box” 67gn /ld Quujtj Glarrsmi— 
Qurrd, 3 i[T&sflsir lS§] Q&rTQd^LDGunrg] "Please 
enter your name:” Grand ^mb 

^sufld^LD eSlstnismuu Qu/bgHdQamsrrtgnjLb 
<su 6 $) 3 ,uSlsb sp(§ QulLls/. 
s-QjjGurTd&uuLlQsrrmgj. uiuanrjatsrr 
QarrQd^Lb s^surjmiaissxsrr ssbsrfi—naiu 



Quri)!Q]dQairTsmQ\, ^^irjQaiDU Q&ujgvuQld 
promptQ QulLu}. ^(&)Ld. 


<html> 

<head> 

<script 

type="text/javascript"> 

<! - - 

function boxl() 

{ 

alert ("This is 
a warning message!"); 

} 

function box2() 

{ 

var x = 

confirm("Do you want to 
continue ?"); 







If( x == true ) 
{document.write ("User wants 
to continue!");} 

else{document.write ("User 
does not want to continue!");} 
} 

function box3() 

{ 

var x = 

prompt("Please enter your name 
: ", "your name goes here"); 

document.write("Hello! Welcome 
" + x); 

} 

//--> 

</script> 

</head> 





<body> 

<form> 

<input type="button" 
onclick="boxl()" value="Alert 
box"> 

<input type="button" 
onclick="box2()" 
value="Confirn box"> 

<input type="button" 
onclick="box3()" value="pronpt 
box"> 

</forn> 

</body> 

</html> 


GlsusuflLjurr® iS)sirsu 0 mrr /ry: 


Alert box Confirm box prompt box 







alertQ: 


uujmijaiGtsxsrr ^rd^fld^LD suss)3iuSlsb spqjj 
G)ulLis\s$)uj ^iss)ijuSlsb Qsusn^uuQ)^ alert() 
box uujmuQ\LD. alert()-<®(§6)T 
Q a/T®<*<* lvu@ld Gl<fiLi^nurr&sT^] ("This is a 
warning message!”) StiGnrnfilsv Glsusrfluu(^Lc> 
QuLii^d^sb tord&rfluLi Glffiutdliurra 

^)0<®0ld. QuLLu\-d(&)6b ssbsfT OK 
Qun^rrssflssr lS§i Q&nQd&lmnsb <snr5&> 
<oT&& 31 ulI Q&lLlSj LD 631©/5#i/6$ ®LD. 


This page says: 

X 

This is * w»m*ng mcisage! 

OK 




confirm(): 


U(U<SOT/7<956vf)z_L/5)0/56y spQTj (tp®n/D<®0 £|)0(ip<S31/D 
s-frySdsmuu QurDtry&QairTsbtQfrfLb snss)aiuSlsb s^0 
GluLLuj-Gmu firsts) rjuSlsb Qsusufluu (J)<9><5 confirm() 
box uiusirut^LD. sjQmsst)sb (Lp^<sv(Lps^ijD 

<5617/71/< 5 6D/7<S<j (n) J/rffl dSluSlmiBSifTSVILD 6 fo.L_ £|)/5<5 l} 

QuLLisj-Gmuu urrrj^&jGfiL-® LSlsmsurrrddld 
Q&<sv<sv Gumuuus/rld^Lb. <oTgstQsu ^jrs^u 
QulLu f. OK LD/D/p/LD Cancel CTgn/LQ ^rjsm® 
Qun^nssra(§r^issramsssruut^iLb. OK-saieu true 

6T63761/7D, CailCel-gO false OT65T61/LO 

<sr($\£§ldQa,nGb<§fT ) u). tvue-^a 

$1(I5P& it 6v <oTsirm Q&iliuj (Ssusmt^LD, false-^a 

£|)0/5<5/76U CT637637 Q&IUUJ (SeUSmt^LD 

srmu6S)&,iLiLb rBLDLDmsv If condition qpgold 



<SU(5X)[JUJrr)]&& (LpL^LLjLD. 


This page says: 

Do you want to continue ? 

Prevent thu page from creating additional dialogs. 

X 

OK 

Cancel 


User wants to 
continue! 


prompt(): 

Prompt() box- ^,G<si3ji / bldu 5 ) i_ld GtamsfilGmu 
iST(Lgljl3, = gi/ ; S/b<95/7‘<53i r U$G$)GO [5LDl£I i_ l£I 0 $§1 





QurDgiidQarTsm®, iSimmrj ^-s/oS-s/o/o 
6u<st><su5)®l> Q&ujsvuQld &,ms$)LD Qamsmi—gi. 
stsstGsu QGUGifluuQpgi&lsvriD QuLiu^d^sb 
<sp(i) GamsfikL/Lb, ep(fjj input bo x-ld aFrsmuuQLb. 

GansbafliLmai sisirm QsusufluuL- Gsusm(^)Lb, 
input box-ai) sisirm Qpszrui— (Ssi/sw@ld 
i oTsiruGSipQujisvsvmL , prompt()-<s0syr /s/ni 
suss)rjiuiQj^§i still—scrub. 


This page says: 

Please enter your name: 


OK Cancel 


This page says: 

Please enter your name: 
Aarthi Irudhayaraj 


OK 


Cancel 








Hello! Welcome Aarthi 
Irudhayaraj 



9 Exception Handling 


try { } 6JG$rua)i srsbssxscd^sb ssbsn 

rffus61sv <sjGif>smi ld <ssu/ry £g)0/5d5/r®i>, ^<§1 srsirm 

<5617/71/ Sl&piLD Q&lU^lGmU QGUSrfluuQggJLi). catch 

{ } <oT6$TU8)J Q<SUSt^UU(^S}siTJD Q&luSjsmLI 

Quro^jdQairTsssiQ) ^ss)^, uujmq^d(^^ 

(o)<5/$6i 5)<®<95 a_<S6iy ld. 

Sj^dasmi— s-pnrjsmpSltsv Examplel ctotj/ld 
Qurr^mssflssr lS§] Q^iQid^ibQurr^i one() 
srsp ld function- ld, Example2 ctotjvld 



Qurr^mssflssr lS&j Q&rrQd^LDGiurT&ti two() 
67 go /ll function-7D ^iudauu®Lb efil^StlGV 
[§}rjsb 67 (Lp<5 U L/ L g) 6 ) 76 ) 7 ^. 


<htnl> 

<head> 

<script 

type="text/javascript"> 

<! - - 

function one() 

{ 

var y = 0; 
try 

{document.write(x);} 

catch (e) 

{document.write(e+"</br>");} 








try 

{ 

if (y==0) 

{throw( "Variable should not 
hold zero" ); } 

} 

catch (e) 

{document.write(e+"</br>");} 
finally 

{document.write("Execution 
Completed" );} 

} 

window.onerror = 
function (a,b,c) 

{ 

alert(a); 
alert(b); 
alert(c); 


} 









</script> 

</head> 

<body> 

<form> 

<input type="button" 
onclick="one()" 
value="Exanplel"> 

<input type="button" 
onclick="two()" 
value="Example2"> 

</forn> 

</body> 

</htnl> 


view rawtrv catch.html hosted with by GitHub 


£g)<5<s3r QeusriluurT® LSlssrsiiq^LDfr^i: 




ExampJel Exa«np4e2 


function one()-<® 0 syf y s/gn/ti; variable 
Gi]s$)[jiu(r)j&&ijuL^($\<sbsfr§]. ^stsrmsvx -sir 
LD$ui3G<nm Qsus/rkiSlt^LDrrgu suflifilsv 

ssbsn§]. $}[5& X -^stsrgi st/e/^CSld 
ajS3)rnu!rydif,Ljui_nS) s, trrjsmd, S,issrrrev error- 

g> Qsij<5filuu($\£$£i program ^jiurai^susn^ 
urr^luSlsv rflr)j£$£lG61($)Lb. ^si/sump/ rglaLprrLDSV 
£®uu£BiDarTa(]>Gij X -sw ld^ulSsdsw 

Q gug/tIuSIQld nrgg ssrrm su if! try { } -d(§sfr 
QarrrQ\daiijuLLQ\ebsrr§i. srssrQsu sjQify&pi ld asufni 
rff^Lprs^rrsv *iL spqjj Q<fiu^luj rrsrCS su 
QsusrfluuQGiLD {£<sSlrj, program ^jiund(^su^jD(^ 

srr5&> <5p(§ &)(oS)i _ iLj ld £|)0<®<sfrai/. 

sufluSlsv catch (e) srstsrd QarrQuupsir 
(tpsvLD QGUGifluuQ&lmjD Q&iuSjsmu e srsgurb 



variable ^lp<svld Qu/BgijdQanfGm® i3mmij <snr 5 &> 
Q&iutzismu { document.write(e+”</br>”)} 

6jmu&,m ^LpsvLD Qeusufluut^^^liLishm^i. 
L5)®srsu0LDfr/riy. 

ReferenceError: x is not defined 

^^iQurrsirjD Reference error sisvsvrriJj 
javascript-^,si) 97D<*657<36 u 6 U65i/ruj/72/<*<SLy z_/zJ_l_ 

<5617/71/ 617651<*<*6fr. fflSV &LDUJfilSUSlflSV [BLDgl 
(S^s^isudCS^pu r5rr(j>LD &,Gutr)]3iG$)<srr sus^iuiugu^^i 

<sn&,G$)G$r <5L.^.<*<*f7L/_ aS)(f^Lbi3mrrsb throw() 

uujmuQ\LD. 

Q&rrQd&uuLlQmm try{ } block- d(§m 
y-Gsr ld^iuli 0 67657 ^]0^<s/7si) "Variable should 
not hold zero” gt^jld error-g> 
Qsu<s/rlLju(^^^iLDnfgu throw()-<9506fr 
Gl3irT(^)d3iuuL.(^)srTsn^j. iSlssrssnj <31 [53, 
error, catch {} ^Lpevid Qurouuid(d 



Qsu^uuQ^uuL-QGrTsng)]. £g)dg/ 
iSissrsuq^LDrrQj. 


Variable should not hold zero 

Finally { } srgn/tx blocks-* 0 sir 
Q*r(5)**L/L/L!j!s)7S)7s?r)sij errors 

sur,i&rrsviii) GurjnaSlLLi—nGgiLD aismi^Liurrai 
6p(nj(Lp 631© execute Q&IUUJLIUlL (J) Sl5)(J)LD. £|)0/ 
i3msu(f^LDrTjQ]. 

Execution Completed 

Function one() — sot Q&iLKsvurrQasrr 

/6<ssiy/_ sot window, onerror = function 

(a,b,c) STSOT/p/ (o)<95f7(J)<*«Ly/_/Ll(5)SOTSOT0/. ^<5/76170/ 

Example2 Qurr^mssflm lS§] 
Q&rrQdi^LbGiungi, two() sts ot/ld function. 

st/bj^Gcd «us!nrrujgydiF>Ljui_rT3) arrrrsm^msv 
windows- ^sot^/ error-go QGutsrfluuQpgjLb. 



windows.onerror srspLD method, error-g> 
s^auujDjS sin gst Error message, url, Line 
number Qurrmp 3 rflsisvsvas/rltsv (S^LSld^ib. 
£D<s®n< 53 ra,b,c (JjLirrtotiTjr) parameters Qpsvib 
function-*0srr Q&svidd) alert() ^psvQLDrr 
^svsvgi document.write() ^psuGro/r 
Qsusufl li uQlppsvmb. i 3 msuq^LDnp]. 


Error Message: 


This page says: 

Untaught ReferenceError two is not defined 

Prevent tlw page from creating additional dialogs. 

OK 





URL 


This page says; 

M«y//Dv/J*vsScnpt/try.cMCh.htmJ 

Prevent tNs page from creating additional dialogi. 

OK 


Line Number: 


This page says: 

33 

Prevent th«s page from creating additional <*atogj. 








10 Form Validations, 
Javascript Objects & 
Animations 


«5<£617<3»<569)OT G<9=IT^I^<sb 

s£0 SiSlsmsmuuu z_/uj_6u<5<s3i<5 [smb 

Qpiugi qUIlL® Submit Qund,s,n®s)m 
Q&rrQdGilssTmsv, ascrraSlujim^] rBinb 
si5)su rjpii <g 5 < 5 D 6 )rserver -<950 - 4 »gn; u l/ sug,tr >0 
( Lpmmij, st so so mb ^fhurrai ssnm^TT trrssrd 
(3&rT$d(ff)Lh. sj^rrsugi sblsuijihiaGtnsrT rsmb 
Q&rTQda^ &>sun^luSJ 0/5<s/rC5su rr ^sosogi 
gsurypsorrad Qarr®£$dl(TTjT5&rTG>sorT, 






s-GVrrGfihurTGtsrgi sp(§ popup ^pecil ^^.ssxssr 

/ 5 U><S 0<5 Q^lfllUUUQl^gJLb. &fihunGST 
Sl5)61V/7/&I<S<STXOT<S (o)<S/7®<50/ (Lp(LgGU3)]l£>n3i 
L/tJJ.6U<56T1<5L} y/765^) (ol&UJ U-lLD 61/<SD/jT, 6775<5 6£0 

6 i 5 ) 6 i 7 / 7 ^ 6 n<s(pLD server-<s 0 ^muuun^i. 

Client side validations <oT®sruu($hl. ^ibgsigm 
Javascript sisiisunrij Q&iuSl/Dgi simumff,! 
l5)6tt6i/ 0 LDVgy ansmsvml. 

S&LfidasmL- s-^nusm^^lsv Name, Email, Zip 
Code 6 Tgnz ld ssberfilQiu G) u lL uj_<s (65 ld, Country 

67gn;LD Sl^)/D<S<SLV QuLLl^lLjLD, submit STGtPlIll 
(o)uf7~<S<SfTgnjLD a_06U/T<S<S/jLJL.(5)6yrOT6Tr. 

^juCSun^i submit tsrmiil Qun£&>n®sf\m lEqj 
Q& n®d(§il(I>un§j, spsijQsun(§ Quilu^d^il 
rflaLfi (SGusmisj.iu aS)&,LDrrm 

Q^n^snman^il validate () si s$)ild spGrj 
function-* 06 v Qa,n($\d3>uuLl®<sb<5nm. £§)/z>;S 
C gi/ 6 T> 6 T 7 < 50 / G&ngeisxssra(sri, 1 QsufOfol^ijLDiiv, 

/ 5 /_<s| 5 ) (Lpuj-dau ulLl- i3mmQij ^jrsp 



validateO-^sOTg/ return (true) Grmu&>GS)Gtsr 
Qpflsfilpgj, pi-da (Ssusmi^iu 

siSsi^ujjS^/rjCSa Q^svsvild. $}§>I<sv sj(3&skiild spqj) 
Q^rr^snmuSlsb uiuesrrjasrT aShsu rjLC> 

sp(L£>raiarray ^eveyiev lorsirgu 

&(ofiw(j)) iSl isj-d&uuid-(i))(ofil lLl _ rr<sv <*>.(_ retum(false) 

toTmd Qan($\£a)] ’oJss)^,iLjLb rsi—da 

<htnl> 

<head> 

<script 

type="text/javascript"> 

<! - - 

function 

validate() 


{ 








if( document.myForm.Name.value 

_n ii ^ 

{ 

alert( "Please provide your 
name!" ); 

document.myForm.Name.focusQ ; 

return 

false; 

} 

var emaillD = 
document.myForm.EMail.value; 

var reg = 

/ A ([A-Za-z0-9_\-\.])+\@([A-Za- 
z ©-9_\-\.])+\.([A-Za-z]{2,4}) 
$/; 








(reg.test(emaillD) == false) 

{ 

alert("Please enter correct 
email ID") 

document.myForm.EMail.focus() 


return 


false; 


if( document.myForm.zip.value 


isNaN( document.myForm.zip.val 
ue ) | | 









document.myForm.Zip.value.leng 
th != 5 ) 

{ 

alert( "Please provide a zip 
in the format #####." ); 


document.myForm.Zip.focus() 

return 


false; 


y 


} 







if( document.myForm.Country.va 
lue == "-1" ) 

{ 


alert( "Please 
country!" ); 

false; 


provide your 
return 

} 


return( true ); 

} 

//--> 


</script> 

</head> 


<body> 







<form 

action="/cgi-bin/test.cgi" 
nane="nyForn" 

onsubrnit=" return(validate());" 
> 

<table 
cellspacing="2" 
cellpadding="2" border= M l"> 

<tr> 

<td 

align="right">Nane</td> 

<td><input 

type="text" name="Name" 

/></td> 

</tr> 

<tr> 

<td 

align="right">EMail</td> 







<td><input 

type="text" narne="EMail" 

/></td> 

</tr> 

<tr> 

<td 

align="right">Zip Code</td> 
<td><input 

type="text" nane="Zip" /></td> 

</tr> 

<tr> 

<td 

align="right">Country</td> 

<td> 

<select 


name="Country"> 








<option 

value="-l" selected>[choose 
yours]</option> 

<option 

value="l">USA</option> 

<option 

value="2">UK</option> 

<option 

value="3">INDIA</option> 

</select> 

</td> 

</tr> 

<tr> 

<td 

align="right"></td> 

<td><input 

type="submit" value="Subnit" / 
></td> 

</tr> 







</table> 

</form> 

</body> 

</htnl> 

I * ^- 

view rawValidations.html hosted 
with by GitHub 


S-erreifLiQu Quilist-aerr 

Q&iuiuuuLLQsfTGfTgrr &rssru^iD&rTssr Q&rrtBsmm 

Name sissy lo Quiurj Qairsmi— ssnsufLl® U 
QuLii^uSlsir ld^Iuli &rreShurT3> ^(rrjrs&msv, 
"Please provide your name!” stotj/ld snd^ifluq 
Q&iuSd 6U(ijwnrri] firjsb Qai[rQ\danjuLLQ\sbsfT§]. 

Qpnri—rjrBgj Name sign /id ffluLifigsir 
cursor Q&GvsviLprrini <s>)Gm£>da focus 
uiu (ofit uQ)\d)&>iju lL (/>) (ob <ofT8j] . ^suGurrCSjo 








SpSuQsUIT(§ QuLLu)-d(&)Li) 

Q&iuiuuuLlQmGrrpiT STmu^roaum 
Q&[T&,G$)m3iG$)<srr rr,rni> Q&iiigj Qs, nshsnso mi. 

Stfiiodmu Quilisf-uSleb aSleuijii GtBjey 
Q&iuiuuuLLQGrretT&rT srsiruaifo&nm Q&rrpesyssr 

Country srgn/LD Quiuj Qarnsmi— dLflfodau 
QulLls).u51<5v 3 [ErTQas/rlsir Quiurjam 3-Gnmgj srm 
stnsijpgldQarTGmi—msv ^/snsn (Lpsmp(Siu 0,1,2 
gtgsi ^GVLpd&uuQLb. srmQsu srSlsurjiiiansh 
toT&tisijLb (S<s/rsiy Q&iLnuuui—G6)<5V6tn<svujn srmd 
arsssr<^\i3i^dai country-sw wtdlu z_/ -1 d^d 
&ldld[t&> a_ sirens,rr srmd GsnSiid,#,neb Gunsjii. 

UILh S37/7 dropdown b0X-®i) 6775<5 6p(§ [5 mdstn I—IL/LD 

(S< 5 /jfsiy QsiuiuerSlebsmev stsotG® ^gy/j \£&>Lb. 
^jsijsurrCSjD dr^pdsu QuLLu^dairrm 
(H&npstnsxrsm t£}&Lp£&>uu($\&}mrDm. 



aSlsuirniiaGifleir Guuf-eupsmg G&nf&uu&iD&nesT 
(S&rrge&esr 


[5mb QarrQdSlssriD email-id pfliunra 2_<sot<sot<5/t 

CT<SOTLJ<531<5 (3SOT® UU3)fO 0 ^)<S31(S3OTUJ<5^)<SU 6£0 

regular expression £§)0 <s0ld. ^sots 90 
variable-si; (S<?u 5 )<s^/, testOsTgo/ti function-sou 
ljujsotlj(5)<5^) ^fliurrsm ^)/_<s^)si) <5 /t<sot @ LDpryib 

. loTSVSVmb 2_S)7S>T/7SOTSU/T CT<SOTU<S31<5<5 
(S<J/7^)<®<*Sl)/TLD. ^SUSUIIQ] ^<5V6VKSvQuJStifl<5V 

"Please enter correct email ID” ctctjvld 

ct< 5 < 5 /Dul/ Q&tuGil suq^LtrriQ] <sy 6 tnLDda<svmb. 

c gi/(/))<9><5<5/7‘<* Zip CTgn/Lp Quiurj Qarrsmi _ 
a_sirsyfL.( 5 )u Quibi^uSlssr ld^Iul/ ansShurra 
^) 0 ^< 5 /r(Ssi)/T, GTsmam <sy<sv<svrT£ (Usury sj^nsug,! 
<spmss)r) ld £ 5 )uu ra, <sy<s/rl < 5 < 5 / 7 ( 3 su rr, rsmb 
QarrQd&OsiriD ld^Iul/ 5 ^)su<5<5<5^)/D0 <5 loloj r<s 
g)si)s3isu CTSOT/D/rCSsu/r "Please provide a zip in 



the format #####.” gtgvild Q&tuGii 

GUQjjLDrrgi] QarT@dauuLl($)mm& l j. 



11 Object Oriented 
Programming 
Concepts 


( Lp^&Slsv Objects STssrpneb ermssf? (S^sgisu 
G imssf? <shg$)GU sreueurr^j Q&iuebuQ&lmrDml 
^sgvsu STsi / sufr / p / p ld§] G>gusgksv&mu 
*SUULDf7<®0ffls577D<5W? SJSStUSS)^,QuJsbsO[TLb 
^uu(§$£lu51<sv &rr£rriJGm 3-^nrjGmrhiaGtnGfr 
ssxsn^§] rsrrLD Liflrs^i QarTsfrQeumi. ^§i(3gij 
Javascript-si; a_ errsir Objects-g><® &jr)ugfD(§ 


&t<oVL 1 LDIT& ^31 (o&)LDU-lLD. 



Object: 

^sfraSleorrm G&GurjmiaiGtnsrr G>&Lfiluu£bjD(§, 

rffsnjDuj variables-gju uujsZtu($\£& > rTLbGb, tsusnsu 
<s>i <SD<537<S<531<SU7LD 9*3/790 Object- d(§srr 
Q&svidd). <s>ir 5 &> Object-<®0 90 variable-g> 

a_0SUfT<®0SU<5®Sir ^LpSULD 9/7)631© Variable-SlL) 

toTsmsmjDjD G&Gurjihiassxsn (3&Lfild(§LD si 5 )<s 3 ld 
O bject Oriented Programming ^©ld. 

Methods & Properties: 

QungjGurra Object sisiru§i ^t^roamssr ussisrqash 
ldjd^jld Q&ujdiurrQatQtiji—GvrspQT) Class-<950syr 

SU651/7UJ631/D Q&ILIUJUUQlD. a_<5/7/763S7<95d£/<950 

human sts^ild 9/7 l/^Uu Object-go 

®S)(i)Lbi3mrT<sb, ^^roarrm 

L/6337L/<9> SIT LDJDfQJLD Q&UJWU[T^aSTT SVGtrggJLC> 

90 Class-<*0srr snss)[nutQ]daiijuQ\Lb. 


Eg: Class human (Colour, Shape, Race, 
Speak(), write(), anger()} 

spqjj LossfljSsafisOT rfl/mi), sul^suld, ^rntb Gurrmro 
cgysi/gyd 50 fi iu uGmL-i&m ^sis)GtsT&,3)iLb Properties 
CTswsiy ld, ^snm Q&iu&Igvt/d Q&iu<svammm 
Gu3r&>sb, ST(Lg3)i&>sb, Ganfuuu®£<sv ^Shumsu 
cgy <S 31 <S 37 < 565 /LD Methods CT<S 37 <Siy LD c g>/<S317p<S<5tjz_/(/))7D. 

£g) uGuiT^I 100 LD<S3^<5^17<50/Duj rfljDLD, <SI IU)-GULb, 
<^mLD Gurrmro siSlsurjtmaissxsn G&LEl&ai 
®S)(rj)Lbi3mrTsb, spshQsurrq^ aSlsurj^gjd^Lb 
pesflppesfl variables uiu mu (^ 3 , 3 , 3 , 
(S<5<s3i<suu®<su<s3i<su. spGrj variable-<su 
<su<s3i<*uj/t<s 37 <si5)<su/7/5j<*<s3i<syruyLD (S5 tj5]<s^/<5 Qairrsnsn 
(Lpi^iLiib. a = human.new() <nmd 

Q&rrQ^tTGb GurrgjLDrrmgj. a.colour=‘Wheat’, 
a.Shape=’Short’, a.Race=’Indian’, a.Speak(), 
a.write(), a.anger() otw/d gj aSl^Lomssr 

G)S}Gq,UJlh]9iG$)<SinLILb, rSLDLDmSV ^[5&> a OTS3J/LD 



variable-si) ( 3 &lSI£ 5 §j <sS\l_ (lpl^il/lci. ^^nrsu^i a- 
st»su<s (o)<5fn_fr/5^/ 90 LiGrrsifl s3isv<s^/si5)/J.(5), 
human- sot (_js3otl/*sot ldjdqjld 
Q^iuevurr^meiflesT Glutuijg;emend 
Q&rrQd,^ uevGeuiry ep£5£5 ^meuevmemen 


Encapsulation: 

£DZ5<s a-eunssiorf human -sot ^ sot sot<90/ g^^ldigsl 
Q& iUGburrQ&ssxsmLiLb, ^i smi r^Slesm 
<3t$5larT!jdGtn£u Qud)!Q] Q&ujgvu®gu(1>£ 
Encapsulation’ gt&stuu(^ld. ^&,nGu&j 
sjmiQ&sb guild print a stsot* Qan®dd)( 3 jDrTG>LDrr, 
<s>jiE]QaGVGvrTLD <s>t$d)GV G>&LfildauuLl®GrrGn 

cgi/SOTSOTjS^/ LD$£lULI&(gnjLD Q 617 GlflUU®ID. |g)/5<5 3" 

C^SOT^/ Object-SOT LDgUGILLS)-GlLLDrra 
Q&iuGvuQGijpn'Gv, £g)g/ 90 &rT&>nijG$tiT variable¬ 
's <950<srjLj/_/i r LDsi), Instance stsot/p/ 
<s>)G$)Lpdauu($\Lb. Object-sOT 90 Instance-* 0 ld, 


Methods & Properties-.®^ ld ssbsrr 
s-idGgu "Encapsulation” 


Inheritance: 

^uQurr^Lgigj kid 6763)1 ld ld/dQ/d rrqrj lj^Iuj object- 
go s-(§ 6 und£nu(Su 7 TS}(SjD 7 TLD. £|).s/Dgj err human- sir 

usmLi&m LDfDQjLD Q&uj6VurT(ii)a(gnji—GirG>#[j£& l j 
l/£5)<5/t<*<? fflsv usmLi^sh ldjd/qjlc) 
QffiusburrQiaySsxsmLiLb (S^ijuu^jd^, 

Class kid (import human) {school, class, cry(), 
shout()} ’srssrgy QarrQda (Severn® lo. Kid-<®0 
a_0si/f7<®<®u/_/(5)i£) instance- ^sv kid & human 

6763)1 li ^[76337® objects-gOU^LD 67)1 633)1 3, (LpiglLILD. 

Inheritance eresiuu®®. ^si/surrp/ 
(o)®ujsn<s/D0 uSSsoTra, human-<®(gsrr (o)<®<s3r/p/ 

^)/ 5 <® l } li^Iuj usmLiastnmiLiLD, 69i3>63)ii—63T 

^63)633765^1 6)511 _ 6C7t(SlD 676S7Q] filEiaefr 

G)3iLl3;d3hY®Lb. <316i]GlJrrgU 757770 


Q&iuGtprmmstnTsv, spsuQsnnqp (Lp strip human- 
<*0 instance-go s-(fpsu rrd(^LbGun^iLb, 
QpsnsuuSlsbsoLrp usssru&iQfffd^Lb (S&rfpgi 
memory <orQ\p§]dQairTsb^fpLb. loTssrQsuprrssr 
Inheritance otsst/d spsirgu uiusiiu mb. upjb 0 

( 51 / rh£F y£F)l . 

Polymorphism: 

Print 5+8 otsot* QarT($\d(& ) Lb(3un& ) i, 13 

siap ill, i£>$Ln3sts)m Qsu<sbbuuQ\p§iLb. <su 

Print ‘5+8’ srm pmb QarrQppmsv, ^§1 58 
srspinb LD^iui3s<nm QGusifluuQpgjLb. 

Print afgyi/Lp sp(Su function, QsusijCSsugu 
siSlpmiaisbflsb QfFiusbuQippuuQiSlmpim. 
^) 0 /(Ssu Polumorphism -<*0 s^/r dlprsp 
2-prrrjGmLh ^0/A 




12 Javascript Objects 


Javascript- <sb /_S)(Sffr<si 70 LD (SUGinaiurTGvr 


User defined objects 

/ 5 ld <® 0<5 (S^s^nsuiunrsm siSl^^lsv, / 5 / 7 < 3 ld 

a_ 0 sufT<®ffl<® Qarrshi^LD Object-^g, mg], User 
defined object tnemjuQLb. 

new si&yiiLD operator s ^0 l/£s)uj Object- «g> 

a_0suf7<®<*u uiumuQ\Lb. dLfidasmi— 



3 _£bnrT 6 m&§>i 6 v Var records = new object() 
<oTsiiu3)sii pLpsvLD object() st snub constructor- 
^sniuL/ShsiTm ld^Iul/ records sign/co variable- 
si; (S&LSldauuQ&liDgl. stsstCSsu £g)ssfl records- ld 
sp(§ object (SurrmCSiD Q&ilksvuQld. stsstQsu 
&,ttsst ^)<s/D0sir GustnrrujiQidaijuL-Qisbsn 
LD$£iuLi&6fr^anm^ajiLD var name, var age 
ST&SJTp/ ^jSVSVITLDSV 0bjeCt-<S5T USOTTL/asif STsi/SUfTOJ/ 
sn ssi/ruj/ry <* <* rj (_/(_ <3 si/®sw g) <3 ld fr cgy si/sn frffi/ 
snss)ijuj!Q]daiuuLLQ\sbsfT§i. records-g><5 

G)&>m _/j/5^/ @0 L/sirsrf) sns name, age srgn/iD 

^psm® uemLiam 3-irijGurrdauuL-Qmsrrssr. 

QprTi—rjddhurTa ^LDd^rSluSlLL® 
LDtdlULiaignjLb GusmrjujigidaiijuLLQsbsfrm. 

^^,rrsn§l l/sot//_/.* swiss/ Declaration ldjd^jld 
Initialization spQrj Q^tj^^isv rsemi—Quio try strsnaji . 
lSIsstsstj document, writef records.name + 
records.age) srssrd QarrrQid^LbQurrQs.sbsoTTLb, 
cgysnsv &>rrm Quroj^isbsn ld^IulSIsstsst 



QeusifluuQp&tisiJstnpd ansmsomb. 


<html> 


<head> 


<script 

type="text/javascript"> 

<! 



var records = new 

Object(); 

records.name = 

"Nithya"; 

records.age = 29; 


function attn(x. 

y){ 

this.name = x; 
this.status = 

y; 









} 

//--> 

</script> 

</head> 

<body> 

<script 

type="text/javascript"> 

document.write(records.name + 
records.age + "<br>"); 

var attendance = new 
attnf'Madhan", "Present"); 

document.write(attendance.name 
+ attendance.status + "<br>"); 
</script> 

</body> 








</html 


> 


view rawUser defined obiects.html hosted 
with by GitHub 

method-g? sTsi/sumj/ 
susnijujriJLju^i srsOT/p/LD (SldCSsv 
QaurQdanjuLLQsbsrra)]. ^)<s/d0ld new sign; ld 
operator ulusstui^ld. <head>- <®0srrattn. srsOT/p/ 
90 function snss)ijuJ!Q]daiuuLL(S\<sbsn§i. 
parameters-^* sp^dlsv ld£5)l}l/*sotsot 
Qup^jdQaimsbi^Lb susvauSlsb sfihsrriEi^dljDgl- 
<3)<si]Gurrgu QujD[Q]dQarTGrrtQti)LD ld|5)l}l/*6OT6ot 

<sn&>tD(&)<sfr sv<s3i/ruj/ri/<g5<95L}LJL.(5)s)TS)Tname, status 

67gn;LD g)/7<5W(J) usm L/<95srf) SOT LD&))LJU[T&> 

Q &<svid * / @/n */ . £|)sots n tSHsvstsi^&jLb this .name , 
this.Status stsot * QaurQdanjuLLQsbsrra)]. 
^rQsmssflsv function otsot/o spsirgu <ssOTS5ft*sOT*ujf7« 
Q^iusvui—d&m.LSj.uj^i. Method otsotl / s ;/ Object- 
siy lot ^stn<mtrB§i function -sot Q&uj<svul1( /j) 







<5j(])&>it spsirsnjD rfl&LppgjLD &,msts)LD sstni—iLigj. 
’srmQsn (Surrsir/D methods-sw 
uiumurniu^roarra function- d^di sshstr 
<snsis)m&>gtfLb this, stsstiq] {FjGuimai <3si ism® id. 

<body>-<* 0 syr attendance 6 rsp ld «^0 object- 
attn. method -<®0 

s-(f^surrd3>uuLLQ\<sb<sn§]. £|)/g <5 object-®p 

a_0snf7<*0LD<3/_/f7(S ; s <sn&,m suLfiliuira function¬ 
alist Q&svid&ujuL- Qsnsmi^uj parameters-ii 
(o)< 95 / 7 (J)<®< 95 l}ljl 1 @s 25 )/_!./_<sw. attendance-g>ai 
L/syrsyf) sftisupgj method. -d@m 

<oU(o&)[JILI£}]&>&>LlUL-Ll _ UGtKTL-l&GSXSrrU UlU6ftTU®£$ 

LD&)}LJL-l&>(5ft)<SHT QsiLSuflUUt^^^lSU^I £g)/E/(3j 
(o) <95 /T(J) <95 <95 U U lL (J) sbsfTgJ. 


^jeijeurrQp spqij user defined object-®» 

gugs)[j lurry£&,] rsmb uiusftru(^)^<svnLb. 



Built-In Objects 

S£0 QldITL 2-QJ)Gl][T&&UU($\Lb(Su[TG& > 
Gijs$)[jiu(r)j&&iju($\&\mrDsir>Gu Built-In Objects 
OTswL/ufJlLD. Javascript- si) Number, Boolean, 
Strings, Arrays, Date, Math & RegExp 
(aurrmro usvCSsugu su&naujfr&sr Built-In Objects 
Objects ssrrsnsu. ^jeurorSlssr Properties ldjdi^jld 
Methods- sir uiusirurTQasinsrrd dQip arrsmsvmi). 


<htnl> 

<head> 

<script 

type="text/javascript"> 

<! - - 

function al() 



{ 

document.write 

(Number.MAX_VALUE+'<br/>'+Numb 
er.MIN_VALUE+'<br/>'+Number.PO 
SITIVE_INFINITY+'<br/ 

>'+Number.NEGATIVE_INFINITY+'< 
br/>' 

+Number.NaN+'<br/>' 

+Number. prototypen-' <br/>' 
+Number.constructor); 

} 

//--> 

</script> 

</head> 

<body> 


<form> 






cinput type="button" 
value="Click Me" 
onclick="al();" /> 

</forn> 

</body> 

</htnl> 

view rawBuilt in 

obiecets numbers properties.ht 

ml hosted with by GitHub 


<html> 

<head> 

</head> 

<body> 






<script 

type="text/javascript"> 

var nun=28542; | 

document.write 

(num.toExponential()+'<br/>'+n 
um.toExponential(5)+'<br/>'+nu 
m.toFixed(2)+'<br/ 
>'+num.toLocaleString()+'<br/ 

>'+num.toPrecision(3)+'<br/ 
>'+num.toString(3)+'<br/ 
>'+num.valueOf()+'<br/>') 

</script> 

</body> 

</html> 

view rawBuilt in 

objects numbers methods.html hos 

ted with by GitHub 









£§)g/ Number stotj jld Object-sw Properties 
LDjDguLb Methods gtuul sj. Q&iusbu($\&}mrDm 
tsrmu6$)&>& £§)< st ><5 s-ihi^mrrCSsvCSiu 

L-liHr5§j Qarrmm (yiuf-iL/Lb. ^si/si/frCS® Boolean, 
Strings, Arrays, Date, Math & RegExp 
Qurrssrr d u<svsujDgud(^Lb usb(3su/ry susaiaujaw 
Properties LD/h/p/rc Methods ssrrsnm. ^gu/dspi/d 
^Gtnsmuj£$£im {fjevem opevib Q^flrB^i 
QarT<sb<sfTGi]Lb. 



13 Animation 


Animation srmu§i Q&iusvui—d <Sn.aj.uj ^ysvsvgj 

^]ujrEJ&d<9™.Lzj-iu si5)i5<5^)<5U sscrrs^lasiflsb 
ui—disuse srr S-Q^sunrd (9^ dlsirp (tpetnr d 
^^nrsu^l rfismtsviurTa ^(f^d^ib sp(§ ui—LC>nm§i 

^tuiEia = ^/7LDL®<s#i/6i5)L.z_f7<su ^ jjSsu animation 

STSW/j U(5)LD. 

dLfidasmi— a_* 5 rrrrsmd,Silsv "Move 1 inch” otct/ld 
Qun£&>rTG$t\m lE§i Q&rrQdigLbGiurTgi fdiGtnrjuSlsb 
asbsrr ui—LDrrm&)i GUGVuudaLDrra spqij ^jsird 

/5<950LD GUSVauSlGpILD. Move tight SJgp/LD 

Qurr^mssflsir lS§i Q^iQid^ibQurr^i 
ui—i£>rrm§i (Lp(LgGU§]Lb[T9, susv^iLip^^lsv rB&rjrsgi 
Q&rTGssrQt— Q&gvgvild GUGtn&uSlsviLD rflrjsvasrr 



ST(Lg&,uuLL($\6b<sfrm. Stop srmu^i rsa/jpgi 
Qarnsm (5/_ Q&gvgvild ui—£g$)&> r£lgi]£& s-geym 

spqj) Qurr^gnm ^(gfib. 


<html> 

<head> 

<script 

type="text/javascript"> 

<! - - 

var ingObj = null; 

function init(){ 
ingObj = 

document.getElementById('mylma 
ge'); 

imgObj.style.position= 

'relative'; 






ingObj.style.left = '0px'; 

} 

function 

moveinch(){ 

ingObj.style.left = 
parselnt(img0bj.style.left) + 
10 + 'px'; 

} 

function 

moveRight(){ 

ingObj.style.left = 
parselnt(img0bj.style.left) + 
10 + 'px'; 





animate = 

setTimeout(moveRight,20); // 
call moveRight in 20msec 
} 

function stop(){ 

clearTimeout(animate); 

imgObj.style.left = '0px'; 

} 


window.onload 


=init; 


//--> 


</script> 

</head> 


<body> 






<form 

action="/cgi-bin/test.cgi" 
nane="rnyForm" 

onsubnit="return(validate());" 
> 

<img id="mylmage" 
src="D:\JavaScript\imgl.png" / 
> 

<p>Click button below 
to move the image to right</p> 
<input type="button" 
value="Move 1 inch" 
onclick="moveinch();" /> 

<input type="button" 
value="Move right" 
onclick="moveRight();" /> 

<input type="button" 
value="Stop" onclick="stop();" 
/> 

</form> 








</body> 

</html> 

view rawAninations.htnl hosted 

with by GitHub 






14 jQuery - <sprj^j$(Lp&Lb 


jQuery simu^i Javascript-go &s)lluj lbu^, <s3i<su<sai/ 
a_ 06 uf 7 «<95 UulLl- <sp(i) framework 
suifisuifiiuiai firjsb&stsxsiT 6T(Lgfi>i Javascript 

Q&ujlLjLb <511 (S <SU<S31<SU<9S <531 iSirj Query- ^<5370/ 

S<SU7_7LD/7<95<y Q&lUgJGfilQLC). ^S,[TSU§I <Sp(lj 

(Ssus^isvs^nu Q&iligu ^/D0 udaab udawrra 
javascript -so rflrjsvam (S<5<ssi<su/jz_i7<j_<s37, ^gyssusu 
^Gtnm^&jLb jQuery -sot method-a^sir 

< 3 ]i— fiidistil<^) ld. sjsstQsu ^ /b<s method-go ldlIQld 

^3i<ss)Lp^§] ^ludSlssmsb (HurrgiLDrTGZTgi. &(§ie]8 5 
r£lrj< si) ^ls).£s^i sfil/flsurrm CS< 5 U< 531 <S 11 < 95<531 srr Q&uj&,j 





9\p)ui3ss)ssr jQuery Qugu&l/Dgi. £§)#!/ 
GUG$)m£&,mu udardas/rlsir html (o)LD/TL^)uyz_®sr 

Qs,m _r/L/ QfhnsmCJ}. ^^sstlS^i methods-gp 

<^lLld((f ) Gl]&,m g LpSVLD UlUSXTljam 6l5)0LDL/LD 

LDrr[D!Dih]3iG$)<sfT tog,]. ^Dji/Gsu jQuery 

(HumsirfD frameworks- sir £)/dul5)uj6ul/ ^gjLD. 

SQL query-gpu uiusiruQ)^^ sruuLq. /sldld/tsu 
r 5 L£>d(§ Qsusmi^iu pasusvasmsrr database-@i> 

Qu/DV)]dQamsrT(srr (LpLS)-iLi(I>LDn, 

^ si/ su rr<3p] Query- smuu uiusiru / 5 ld <*0 

(SsusmLSj.iu html tags-gp snsnso^mu 
ud&[mai<5filGSlqjjr5& ) ] rsLDLDmsv QufDgydQamsrrm 
(LpL^iL/LD. CTsarCSsujS/rsw ^)<s/D 0 jQuery sts<stu 
Q uiudsurs^^i. ^sijsurrgu sTQd&u u lLl_ tags-gp 
r5L£>d(§ aS](f^Lbi3uj sSl^^lsi) LDrrjopCSsijrr 
^ludaGsurr Q&iLnuGorrrb. 


OT®<5d£/<s<s/77_!_(/))<95(3j «>£0 uda£$£)sir <p> tags- 

d@m GUG$)fjujtr)jda,uuLLL- suiflastnsrr ldlLQld $<sv 



rflfD CT(^<5^/<*6l5Syf)<SU LD/77D/D 6l5)0LD/_5) 6377761) 
tSypjD&rrsxr rflrjsvam l5)<sotsi/0ld/7/p/ gvildilild. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 










jQuery(document).ready(functio 

n(){ 

jQuery("button").click(functio 

n(){ 

var x = 

jQuery("p"); 

x.css("color","blue"); 

}); 

}); 

</script> 

</head> 

<body> 

<p>Getting an 
identity is important</p> 








<button>Desired 

Changes</button> 

</body> 

</htnl> 


view rawOl jquerv sample.html hosted 
with by GitHub 

&rri£rT!j<sssr QeuefluurT®: 


Getting an identity is important 


jQuery ipiduQ&^iiu i&ijDjDLb: 


Getting an identity is important 








r§UjGg}3>g>n®sT eSlendauh: 


jQuery -ujnmatf <otu (Surrey lL <head><®0syr ssbsrr 
<script> tag-<*0syr GT(Lg&,ijuLLiq-Qj)d( 3 ) Lb. 
tSULD&miaGtsxsfT ibld^i program-si) uiumuQ}d,s,d, 
§lGi]rh](& ) sir<5/1)0 (Lpmmij, jQuery CDN-g> ^jrs^ 
<script> tag ^Lfisvid (ip^sSlsb ^swsmda 
(Ssusm@LD. Google, Microsoft Gurrsirpssxsu 
g)<s<5&r><*uj CDNs (Content Delivery 
Network )-g> suLpdi^dlsirpsirr. $]di(§ 
uiusiiuChidSiiLfsiieti ajax.noogleapis.com/aiax/li 
bs/jquery/ 3 . 2 . 1 /jquery.min.js srdru&j google- 
suip/sj^fflsOT/D spsirpi’(^Li>. 

G>LDiDaGmi— CT(5)<s^/<95<5/rL.^.sij <p> tags- dtgsrr 
Getting an identity is important ototi/lo suffi 
Gl&rTQdauuLLQmsng]. jQuery("p”) <orssruey 




<p> tags- <9506vt suss)rnuiQ]ds,uuLLQ)sbsnsu[r)SS)[t) 
x CTgn/ii) variable-si) (H&Lfildgi 
stnGupgjdQarrmSliBgl. LdmmrjcSsQ stotj jld 
method qp<svld srmrni Q&iliuj GgussstQlL simui^j 
su< s61ili gy&,&,uu®&>)fD§l. ^^nsugjx-sb (3&L£ldau 
u id®srrsnsurdmro r§sv r§fod J Si'isv LDrrrDtl}lGU&/D& 
x.css("color”,”blue”) srsinp/ 
QaurQdanjuLLQsbsrr&j. £g)/a/(g rsmb 
Sl5)0LDL/LD LDnjDJDLD aF'gU1X1011 tS-^* 
GULfirhiauuLdQmmgj. 

[Brnsir £g)«nsi/ ^iss)SST^ss)^iL\Lb 6p(ij 
function() {—} -d^srr <5T(Lg^iiLieh(SerTsiT. 
/_S)«s7<s5T/7Desired Changes <orgn//i) 
Glurr^^rrssxssr Q^rr^d^idQurr^] £g)/5<5 
function ^lud&uuQLt) Gusm&uSlsv 
^^ssxsst ^ss)LD^^isn(SsnssT. 
jQuery("button”)-click()-<®(giSY7' £g)/ 5<5 
function-«g> ssisu^^isnQsnssr. ^jQssrssf]sb 



^uQurr^i^rrssr 2_thJ3,snrrsb 3fT3,rrijemihn& 
<5tuul q. 03[63,3^1, j Query- <OT<S37<S37 iiinrojD lc 

Q&ujfB&J 6T65)/70 6l5)<g£5)/7//7<9 : <565)<g L//$/5 3J 

Qg,rr6rr6n (ynq-iLjLb. euesxsv^^enu 
ud&LDrrmg}] (/p(/p 61/^5/70/795 load 
Q&iuujLjuL-L- iSlGSTGsrrj ^esxsuGUusvsvrTLt) 
(o)3UJ6VLJL _ 9> 3 J ]GlJth](3 ) Lt) 61/63195//5)<si>, £g)<S5)61/ 

^GsxssrpgjLD jQuery(document).ready()- 

3>(3)GYT Gl3,rTQ)d3,LlULd(d)SnsnSS)^ 
9561/65^959561/70. <ojQ SSTSsf]6V j Query ^6579^/ 

(Lp(Lpd>3i (Lp(Lpd3; html tags-gi 

^9/7/_/_//J65)/_UJ/7<95<95 GlarTSm® 

^\ujdj @61/ <5/760, j Query Gl3uj6vui_t5 
gjjGutd^Gij3,10(3) (Lpsirsmij, $][53) html 

ud3lh]36tnTG5T3)l 6£ (/£/£/95/7657 (Lp 651© UJ /7657 
61/7/_ 61/65) 70/_//_/<95 (gj/_6!S7 load 
Gl3lLJUJLju(3)<SU^J ^SudhULD. 67657(36175/7657 



£g)65 )su ^ssxssTfB&tiLb document.readyQ- 

d(&)6rT Q&rrQd&ijuL-QsrTGnGST. 

<3]Gi]6U6tT6H&)rrG$T\ £g)«osi/(3uj 

<^>//JJ_/_j/_/<o5)/ _ UJ[TioST S)S]S)^UJthJ3,Sn. 

(Hldg^ld jQuery() 67«ugj $ srap jld 0 rfiluS 
£Lp<sv(LpLb (grfildauuQLb. ^^nsu^i jQuery(“p”) 

CT<55r/_/<531<5 $("p”) STSOT/p/LD 0fl5)(jL5)i_ 61)/TLD. 

cgi/si/sufrCS/D jQuery("p”) ^Lpsctb Qu/DuuQLb 
tags-g> s£(jt) variable-si; (S<?u 5 )< 5 ^/, i3mmrj 
'SypsirLEg] ,css() — ®o/j uiusiru®d,§l sv ^JD(^u 
u^lsvrra $("p”).css ("color”,’’blue”) srsw/p /ld 

LliSh _ <oVfTLC). ^)fi3f)sU0LD 

srQd&jdarTLLQaisfilsb ^gjQunmp 
cSV S31LD LV L/(tp SD/D <* <3 svr 
uiusiru (/J)<9><5l}z_/L_1<J_0<950LD. 



15 jQuery - CSS - 
Animations 


Jquery CSS-g> afilgiL 

CSS GTStTUgl HTML (tpSVLD 2-(fT)GljrTdaLju®Lb 

udaiEiasmsirr @<sargn/LD u($\£&> a_<ssiy ld. 

cgi/jS/rsiy^/ CT(y)<s^/<®<g5syfl®sr susnaasyr, rfl/DiEiam, 
l 5 )< swl//d susmsmdiasrr (Hurrm/D usvCSsuiqj 
Gusv&iLmm =?>/Lp( 3 j 377/7/5^5 s^s^iuthisyssxsn spqfyG&ri 
Qpmgpgjd QarrQda £§)/5;5 CSS a_<ssiy ld. 
"< 3 )Lfidhu udaihias/rlmSM/Dgu” gtgZiu(Z&, 
"Cascading style sheets” isrsmu^sir {BLSlLpnd&Lb 
^^ld. ujBjfl (LpQgGtuiHurra^ Qprflpgi 







Q ft, rtshsrr www.k a niyam.com/learn-css-i n - 
tamil-ebook/ srstnud (yrasuiflsmu urrijd&GijLb. 
^gjGurTGirjD CSS usmi^ai Sufi sir lS&j jQuery-srxu 
6rsusunrgu uiusstuQ^tb sc mt 67 sot/ p/ ^j^lsc 
u ip da sc mb. 

dLpdasmi— STQ\^§]damLuj.sc CSS lj®sotl/<®6ot 
cgySOTSOTtS^/LD <Style> 6TSp LD tag- <95(0 SOT 
susmrnutQidauuLLQbsbsrrssr. ^giGtsu CSS-g> 
0fl5)/jL5)@Lci (Lpss)jD ^(s^ld. jquery object- sot 

UIU SOT U (/))#>65 LJU (/))CD .CSS() STSOTL/0/ 0t5)ulSl1/_ 
Z_/S3OTl5)sOTSOT Glsus/rluU®^ 2_<956iyLD. ^SUSUItQiD 
.CSS()-<® 0 sot QarrQ\dauuQ\Lb ld £ 5)04 <95 (SOTj <95(0 

6JJ0U <s>jrb&> element-g) ldot/dtD <3jstsu£>dasijLb 
Q&ujiLjLb. ^s>ja,rrsu§i 'Getting value’ srsirua,ssr 
ii) 0 / Q&rTQdf&fLbQunS)] pl-sw l5)sotl//d susmsmib 
Q su s/rl liu® urn iqjlL, ‘Setting value’ -sir lS^i 
Q& rrQd^LbGurratf pl-sw srQgpgidasiflsir 

SU LSj.SU LD LDITfQ]LDITfQ]LD ^jlhlCSa 5 /£)/7®L><95SOT 
(o) <95 OT® <95 <95 U U iL (J) SWSOTSOT. 




<html> 


<head> 

<style type="text/css"> 

#pl 

{ 

color: blue; 
background-color: pink; 
font-weight: bold; 

} 

</style> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 








<script> 

$ 

(document).ready(function(){ 

$("#1").click(function() 

{ 

alert ($ 

("#pl").css("background- 
color")); 

}); 

$("#2").click(function() 

{ 

$ 

("#pl").css("font\"italic 
14pt sans-serif"); | 

}); I 


}); 

</script> 






</head> 


<body> 

<p id='pi'>Getting an 
identity is important</p> 
<button 

id='1'>Getting value</button> 
<button 

id='2'>Setting value</button> 
</body> 

</htnl> 


view raw05 jquery css.html hosted 
with by GitHub 




&rTJ£rTrjsm QeitefluLm®: 


Getting an identity is important 

Gating .atu* SaOng vatu* 


Getting value-sir lS§j Q . stt ®dSlesmsb 
Qsusifluu(£)aj^i: 


Getting an identity U ii This page says: 

Getting value Setting v rgb(2$5.192, 2031 

OK 




Setting value-eir lB§j Q&rr(£)d£lssrmsv 

LL)!T^lSlJ§}: 


Getting an identity is important 

Gaetng vatu* S«ttnj vatu* 


Jquery elements-csr 

££)Ujda[El>9i<o5)6fT&> 

GprTfDrryafldt&fLt) oSlpih 


GUG$)Go£&>srru udaihiasrfhsv ^ludaihiasinm 
a_0SUf7<g50SU<S/I)0LD, c g>/6i/6l5)uJ<S<S/E/<S<S5)6)T 

asman.i—rrad a> rnsmu^p 0 lc a_<ssiy ld jquery 
methods-^* gj/H/gj arTsssrscmb. dLfidasmi— 
<ST($\£§lda,rTidL±Gb sp(§dlsv <s>iis\-uuGtni—Ujnm 
^lud&tmanQfffLb, ^i^roaum aSlsnda^mian^Lb 



Q <95 /T(J) <95 <95 U U lL (J) sbmm. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("button").click(function(){ 









$ 

("#pl").hide(600); 

$ 

("#p3").toggle("slow"); 

$ 

("#fl") .slidellpC'slow"); 

$ 

("#dvl").fadeOut("slow"); 
$ 

("#dv2").fadeTo(400,0.5); 
$ 

("#dv3").animate({"font- 

size" : "24pt"}, "slow"); 

}); 

}); 

</script> 

</head> 


<body> 







<p id='pi'>Getting an 
identity is inportant</p> 

<p id='p2'>Doing the 
right things at right time</p> 
<p id='p3'>Best 
things will always cones to 
you</p> 

<p id="p4">Big data 
is the emerging trend</p> 

<p id="p5">Data 
Science is different from Big 
data</p> 

<div id="dvl">You can 
feel the freedom 
everywhere</div> 

<div id='dv2'>win-win 
situation is not always 
possible in family world</div> 
<div id="dv3">Come 
out of the shell</div> 





<form id='fl' 
action=""> 

<input id="rl" 
type="radio" nane="gender" 
value="fenale"> Fenale<br> 
<input id="r2" 
type="radio" nane="gender" 
value="nale"> Male<br> 
</forn> 

<button>Desired 

Changes</button> 

</body> 

</html> 


view raw 06 j query animations .css hosted 
with by GitHub 


[fimsoi&anTtoST a! Sleirdaii: 

hide() -^,ssr§] pi -sign; ti. id-g><® Qamsmi— 
surflsmu LDss)p)dS\p)§i. <^&,rf)(3)6b 









(o) <95 Z7(J) <95 <95 LI Z_/Z_!_L_ 600 STGVLUgl LDG5)fQ{i)&)6b 
rBGtni—QutQjLD 6i5)<5<s&r><5 QLDgjsurrad sulLu 
a_ <5 siy ld. 

tOggle() ST&SIUgrf LDS31/D<95<95Liz_/LZ_ clcITICnt-Sfff 
'SyiSj-UUStni—USlsV (LpSStSSULD lSIsSTS^ILD /5<95/JSU<5/D(35 
UUJGZlU($\Lb. ^)(Bj(5p3-6¥^ 

z_/(US5TU(5)<s<5l}ljl.z_ tOggle() -^sar^ypl 

LD(o&)jD<d&>Lj u lLi _ i3mmij <sh&,sis?U—£g$)&> 

SlideUpO (ormu&il fl-&TgllfLD ULSj.SU < 5 S31<s 
<3 ldidL j/Duma /5<95/j<5|5) LDsnpddljD^l- 

fadeOut() anmu^j dvl-srsp/x element-go 
QaSTfSTj&LD QaLT(6Tj&Lima LDShlSiLSj.^^1 LDGV/Dd&l/Dgl. 

fadeTo(400,0.5) srmu^i dv2- slguild element-®p 

095)l}l5)l.z_ ^msfilsv LDrhiaLSj-pgj mdidhu 

rflstnsvuSlsv ^smuddl/Dgi. 



animate() sTswudy rBmima spqfy&so 
£g) iud a/sy <95 <531 srr Gustnrrujguda 2 _< 56 iy ld method 
^(ajLn. j§)/5>0 animate({"font-size” : "24pt”}, 
"slow”) tsjs5iu§] dv3 ST(Lg^§]dais^sii ^snaSlssxsm 
Qurflgju®^ 2_<56i5)(zyisy7wai/. ^siisuirg^j Quffl&tf 
uQ\^§ild rflaLpGuirmgi GlLDgisurra rff^Lp 

G>GUGm®LC> ST<5WLJ<S31<5 SlOW 2_<S3W/Td56yffl/DJi/. 

&rTgrrrj<sm Qeue^uurr^i: 

Gettuig an identity is important 

Doing the right things at right tune 

Best things will always comes to you 

Big data is the emerging trend 

Data Science is different from Big data 

You can feel the freedom everywhere 
win-win situation is not always possible in family world 
Come out of the shell 
Female 
O Male 

Desired Changes 



jQuery <sjjdu®£$£iuj ldvididla: 


Doing the right things at right tune 
Big data is the emerging trend 
Data Science is different from Big data 

\vm-win situation is not always possible in family world 

Come out of the shell 

Desired Changes 



16 jQuery- ®j®n<sv^mi 

ud&[h]&<si?l<sv a^m&TGupmp 

LDfTJDfQJ&GV 


jQuery ^pecid sus^isv^mu udaihias/rhsv 
ssbsnsuri)ss)p) ld/t/d/tJ) ^ss)LDdai (lpl^il/ld. 
ui—iEiam, uuj-GWEiam, Q&iiitdlam Qurrmro 
= gy<531<537<5^/ Sl5)<sLDfTSOT 6l5)61£(U/£/<*<S5)6YrUyLD jQuery- 
(’LpsvLD ^ smi aGi suit LDrriorfl ^s^>L£>dsi(SsurT 

(Lpi^lLjLD. ^]<5T>SU spsiiQ<SUrTSSIQ ]ld ®S)gu rjLbnad 

S(3rp QarTQdanjuL-Qsbsfrm. 





attr() QptSVLD U<omLj 3 i<oS)<SfT 

LDrTfDrj5hu<ss)i£>£p<ob 

jQuery clpsvld Qs, ijrhQs ,®«uull spq^ object- 
go attr() otsm/ld usmi3m ^tpsuLD rsmi) si5)0ldl5)uj 
sustnauSlsv LtinrorSl <sys<s)Lb&3i (LpL^iL/Lb. dL^dasmi— 

<sT®£§i&s,iL^i±Gb "Modify Image” 

G)urt£&>rTG$)m Q&rrQdigLDGiungj (SsuQpfT(§ 

ut _ ld ^iss)[juSlsb QsusrfluuQLDrTQjLb, "Modify 

sizing” -g> Q&[r($\d(3)Lb(Sun& ) i $sn tSH&soLD 
LDrrigjLb eussiamSlsviLD. "Remove sizing” —go 
Q&rrQd^LbQurrQi <syr5& LDrTjD/Dihiam $iei(§lL 
Gusv&uSlGOiLb rflrjGvasn Q&rrQd&uuLLQsbsfrm. 


<htnl> 

<head> 





<script 


src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("#1").click(function(){ 

$ 

("#flowe r").a 11 r("s rc","two.j p 

g"); 

}); 

$ 

("#2").click(function(){ 








$("#flower").attr( 
{"src":"two.jpg","height":"100 
","width":"500"} ); 

}); 

$ 

("#3").click(function(){ 

$ 

("#flower").renoveAttr("width 
height"); 

}); 

}); 

</script> 

</head> 

<body> 

<button id='1'>Modify 
Inage</button> 

<button id='2'>Modify 
sizing</button> 









<img id='flower' 
src="one.jpg"> 

</body> 

</html> 


view 

raw04 1 jquerv modify images.html hosted 
with by GitHub 

@ 1 1 afgyi/LD Quiuit Qamsmi— "Modify 
Image” Qun^nsmm Q&nQd^ibGiurTn,] flower 
igTstniLD Quiuij Glansmi— <img> tag-sir ^LpsvLdrrm 

(Ssurry <sp(rjj ut _ ib QarrQdau u Lb®shGn§i. £D<s/d 0 

attr() function uiusiruLLQGhsngj. srswCSsu 
Modify Image gtgsiugs ><s<j Q&nQd^LbGyungi 
sjrbmmQsn ashen ui—ib LDsmn)^§] pnib 
Q <s/ 7(5)srfsrrtW0.jpg sr snub ui—ib QpshuQib. 







^sijsunrQp 2 gtsvild Quiuij Qarrsmi _ "Modify 
sizing” G)un£&>rrG$)m Q&rr®d(§Lb(]>urT& l i 
d^ssirjuSlsb ssrrm ^aisotb 

LDrriryLDngy attr() ^Lpsctb LEsmQiJ) LD§duLia<srr 
QarT($\&3iuuLL($\<sb<snm. 

removeAttr("width height”) tndiugj ui—pglsir 

$61TLD LDJDgULD ^<3i6V$^6V Q&lLHUUULh— 
i£>rrg)g)rmai6S)6n $d£l <sn&,6$)m usisiLpiu $l6v>6vd(§d 

QarremQeuQTjLb. 3 otct/ld Quiurf Qarremi— 
"Remove sizing” Qunggn&sim 

Q&rT®d(§LbG>urr& l j, ^$&> LDrrjopLD $l&(Lg>Lb 

sussi&uSlsb rffgsv QarrQdauuLlQerreiTgi. 


&rr$rT[re8sr Qsue^uunQ)'. 




Modify Image-go Q&rr®d£lGsrrT6V ^rrouQid 
wrrirjpLt: 



Modify sizing-go Q&rr®d£l asm so qtjduQlc) 
LLfTIDIDLb'• 





text() <gi<sb<sv&fi html() Qp<soih 
content-^ LDrrjDjfihiJGVLD^sv 

jQuery object- dr lS§i .text() srdrgy 
Qarr®£g>rr<sb <^<5 sir text content- ld, ,html() 
isrdrnjj GlanQrsrznsb <sHg>dr html content-vi 
QsusifluuQLD. <^1sirsurrGrD .text(" ******* ”)- 
d(§m grub QarrrQid^rb aSlsfyiu^ss)#, <snr 5 & jquery 
object -dr lS§] Lrmrrjffl <s>]Gir>LDd(§L£>. ^ssi^Qiu 
,html(" ******* ”)-<* 0 syr QarrQggrrGv, 
html QLDrrLfluSldr ^j^rdas^vsimj 

LlifirB&iiQarTsm® ^<5 druLSj. LDrrjDj^l ^&snird(^Lb. 

dLfidasmi— srQ\^§]dairtLLi^sv <b>All the 
glitters are not gold </b> -famous proverb 
lordru^i text( )-<® 0 sfr QarrQd&uuQLb (Sunr^i 
<s>i§l ^uuu). < 3uj ^IsnuuSlsv Q<susnfluu(^suss)^iLiLb, 
<sh6$)&>(3uj html( )-d(§m QarrQ^msv <b> </b>- 

sar^/jjj <S<5<5D<5LV L-i iflrs&i]G)&>rrdisT(j)) 


Q <95/T(J)<95 <EHUUlLL- 61 //f)<ST>UJ QuflUJ ioT(L£>^^ld<3Hs/rl<SV 
(o)susy^/ju®<5^/susal<5uyLD arTGmeorTLb. 


<htnl> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("#l").click(function(){ 








alert ( $ 

("#01").text() ); 

alert ( $ 

("#01").html() ); 

}); 

$ 

("#2").click(function(){ 

$ 

("#01").text("<b>All the 
glitters are not gold </b> - 
famous proverb"); 

}); 

$ 

("#3").click(function(){ 

$ 

("#01").html("<b>All the 
glitters are not gold </b> - 
famous proverb"); 








}); 

}); 

</script> 

</head> 

<body> 

<p ld='01'> <t»All 
the world is a stage </b> - 
famous quote</p> 

<button 

id='1'>Reading content - text 
& html</button> 

<button id='2'>Modify 
content - text()</button> 

<button id='3'>Modify 
content - html()</button> 
</body> 

</html> 







view raw04 2 j query modify text vs 

html.html hosted with by GitHub 

&rTprrrrem Qeueifluun®: 


All the world is a stage -famous quote 
Reading content - text & btml Modify content - textO Modify content - html() 


Reading content - text & html -g> 
Q&rrQdGihsisrmsb Qewsifluu(St6u§i: 


says 

lm »t>j« -itmovi quote 


OK 






This p*g* wy* 

<k>U<ht»oiU«iiti9«<ib> -<*"'Oui quote 

OK 


Modify Content - text() 
Q&rrQd&ihsisriTeb Lon^jexj§i: 


• b'-AIl tbe gliltm me no« gold b - bmom pro-.erb 
Readng carter* - le»1 & Mml Modify carter* - lerli i Modf, confer! 


Modify Content - html() -g> 
Q&rrQdSlGsrrTeb m/r/p/a/g/: 





Offset() QpsvLD content-^ g)Lt£> 

LDirjDrpi&eb 

Offset() s/sp/i method-^sw^/jQuery object¬ 
ed, si) u(i ))ld element snssxso^mu 

uda£$dl<sv pfituna st/ 5 <s ^)/_<s^)si) ssbsn§i 
<oTmu<s$)&> pixel 6uuj_6i5)si) QGusrfluuQggjLb. 
offset({****, ***})- <® 0 syr QarrQdauuQLD 
ld &)1 U L-i&>(^rijd(3) <sjrbu <snr 5 &> element-go £g )/_ld 

LDU/D/lDliyLD <3]GmDd(§LD. 

dipdasdsTL- ST(/j)<sji/<95<s/n_!_i£si) $("#dvl”)- ^si) 

( §rfiJdauu®LD element $}i—gi udai^^is6lq^^§i 
CTsi/susnsiy Q^nsoecsiSlsb ssbsn §j srmuso^iLiLb, 
(SLDjDi~ip^^ls61(§rB^i srsi/susnsiy QpmsinsvGfilsv 
ssbsn§] GjmuG$)&>iLiLb pixel sul^oSIsv 
G)G u<sfiluu<$£&,] ld. i3mmij ^f 5 &> element-go 



{"left”:50, "top”: 100} srmu^pQairDU £|)z_ld 

i£>rrrD($l ^G&LD&^Lb. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("#l").click(function(){ 
alert ($ 

("#dvl").offset().left + + 

$("#dvl").offset().top); 









}); 

$ 

("#2").click(function(){ 

$ 

("#dvl").offset({"left":50, 
"top":100}); 

}); 

}); 

</script> 

</head> 

<body> 

<div id="dvl">Come 
out of the shell</div> 
<button 

id='1'>Reading the current 
position</button> 






<button 

id=' 2' Modifying the 
position</button> 





</body> 

</html> 


view 

raw04 3 jquerv modify positions.html hoste 
d with by GitHub 

^rr^rruem Qsus^uunQr. 



Come out of the shell 

Reading t 

Reading the current position Modifying the position 

he current position-^ 


Q&rrQd&lssrrTGb Qeueifiuu(j)i£9jiGiJ3ji: 


Come out of the shell This pa ge 5^ 

Reading the current posit i 

8.8 


Ot( 


Modifying the position-^ Q^rrQdSlesmeb 

LnnjDfQieugi: 










Reading the current position Modrfying the position 


Come out of the shell 


valO QfXSVLD UUj.eUlhl&<oS)<5fT 

rflpuLigsb 

val() 6TCT/LD method-^ssr^/ siSlsmsmuuu 
ui^Gutmans^lsb Q&ilhuuulLl- 

LD^iuLjSissxsn Qsue/rluuQ)^ a_<ssiyffl/D^/. 
^sijsurrQjo val(" ")-<® 0 S)T ssbsir ld^)l}l/< 95 < 53 is)t 
oSlsmsmuuu ui^surhians^lsir LD^uL/asiTfr* 

ULSj-GUU QuLiu\.3i<^d(^sb Q if SVI if, 3, Gif LB 
QfftLJ&ljDgil. 

SLpdsismL- OT@<sai/<®<s/n_!_i3_fflL> 1 stotj/ld 
G)u[r£&,[T6$)m Q&rrQd^LbGiurTgi u lj.su/5j< 95 srfisi) 
/ B3ld Lj,rr^^l Q&uj&, lazuli a sir 
QGUGrfluuQLDnrijLD, 2 srgn/LD Qurr^ns<nm 

6)&rT®d(§LLG>urr& t ] India, Green, male ^Siiu 



LD^UL/asyr ui^snimans^lm ld|5)l}l/<s6w<s LDrrrDtSl 
^6&LDd&uu(i))LDrTV}]Lb rflrjsvam 
Q&n($\&3iuuLL($\<sb<snm. 


<html> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("#l").click(function(){ 






alert ( $ 

("#al").val() ); 

alert ( $ 

("#a2").val() ); 

alert ( $ 

("[nane=gender]ichecked").val( 

) ); 

}); 

$ 

("#2").click(function(){ 

$ 

("#al").val("India"); 

$ 

("#a2").val("Green"); 

$ 

("input[nane=gender]").val(["n 
ale"]); 

}); 






}); 

</script> 

</head> 


<body> 

<forn action=""> 
<input id="al" 
type="text" nane="address" 
value="Enter Address 

<select id="a2" 
nane="color" size="3"> 

<option>Red</option> 

<option>Green</ 

option> 

<option>Blue</option> 








</select> 
<input id="rl" 
type="radio" nane="gender" 
value="female"> Female 

<input id="r2" 
type="radio" name="gender" 
value="male"> Male 
</form> 

<button 

id='1'>Reading the 
values</button> 

<button 

id=' 2' Modifying the 
values</button> 

</body> 

</html> 


view 

raw04 4 iquerv modify forms.html hosted 
with by GitHub 





&n&rrrj6m Qeue/Huun(£\ 



Red - 
Green 



Enter Address 

Blue - 

Female 

Male 


Reading the values Mo<*fying the values 


utussrjjaerr Q&rr($id(3jLD iD^jluL/aerr 



Red TZ 




Green 



406. Knshnan Street 

Blue - 

• Female 

Male 


Reading the values Modrfy ing the values 






Reading the values-go Q&rr($id£l<asrmsv 
QeueifluuQ^§jsu§j: 





X 


This page says: 



406 Knshnan Street 

406 Knshnan Street 



Reading the values Mo 


OK 



Q&>m—rjr5&,i LD$uLi&<srr 

Qsus/rluut^LC). 


Modifying the values-gj Q&rr(Sid£lGsm<ob 

IDITIDtryGlJgi: 




Red 71 

_pm 

Indie B,u * Female • Male 


Reeding the values Modify mg (he v alues 


dataQ QpsoLL comments- 

<o£(ITj@l<SO <5Ujfl&ytoTXofT 

^j<ss)<sm^<sv 

data(" ")-d@sh QarrQd&uuQLD su flash Gpqrj 
popup GluLUf. QpsvLD comment-^,<*<5 
Qa,shu(fl\Lb. dLpdasmi— srQi^^idaiLhi^sb pi 
stssmld id-gj« Qarrsmi _ paragraph lSoj 
Q arT(fl)d(§LL(l>urTa t i comments QsusfluuQ\i£>iQ] 

fflrjsbash Qarr($\daijuLL(fl\shsfrm. ^j$a> 
comments-^sw^/ LDss)fO(LpaLDna pi- siyz_<sw 
^)<55)<53sr/5^)0<®0t£>. pi -sh lS§i QarrQidSlmisb 

ldlIQGld ^aj Qa,<dru($nL. ‘Remove Comment’ 
-sh lS§i Q&rrQd^LbGturrgi pi- siy/_®sr 
LD6tf)jD(LpaLDrr&> ^stnsmr 5 !fll(fjjd(§Lb comments 

fliEi^LDirg)] $[jsbash GT(Lg&,uuLh(fl\shsfTm. 



<html> 


<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 
var a = { 

notel : "Ahhh 
gaaga gaagaa", 

note2 : "Adi 

sakka", 

toString : 

function () 










{ 

return 

this.notel + "\n" + 
this.note2; 

} 

}; 

$ 

("#pl").data("notes",a); 

$ 

("#pl").click(function(){ 
var b = $ 

("#pl").data("notes"); 

alert ( b ); 

}); 

$ 

("#l").click(function(){ 














view 


raw 04 5 jquerv modify comments.html host 

ed with by GitHub 

err^rrijisssr QsusiftuurrQ): 


Faiuilly the gul the one who is doing everything horn the begunng 
Remove comment 


Finally the girl gtsst#, §ieumi(^ii eufiuSleir lB§j 
Q&rrQdGihsisrmsb QpeiruQih comment: 


Finally the fal the one w Thttp^wyv 
R«mo«« comment aw* 9m«* jmjh 


Remove comment Qurrppmzsxssr 
Q&rrQd&huLUlstr Finally the girl srasrs aj su rii (g, ld 
surfluShsir lS§i Q&rrQdSilesmeb Q^mu(^)su^i: 






Fuullv dir pul thr o« 

w " Thit pjgr t*yv 


» 

R«ncr>« comment 






OK 



<su<ssxso^<SfTU uda£&?l<ssT 

content-^ LDfTjDj^luj<ss)LD^<sb 

SU< 531 <SU< 5<5 situ udaihiasiflsv asbsn su/J)<ss3isit 
(Hlds^ld &(LgL£>rr& £|)/_ld LDippib Q&iupsv, l/SJili 
GuflastriGrr ^Gtnsm^GV, ^/DassKSsu 2_srrsir 
Guflastvsn rBaQ<svQ)^^i LEsmQLb £|)63i6357<5<5<su, 
sp(§dlsv su/$<ss 3 isyr $d(§£sv (SunsmjD usvCSsug^j 
G>sus3i<su<ss3isiT (o)<?ujsi/<s/D0 a_<95siyLD jQuery 
methods-^* £|)/ 5 < 5 U u^S^uSleb unijdaisomb. 


<htnl> 

<head> 






<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("button").click(function(){ 
$("#pl").before($ 

("#p2")); 

$("<p>All the 
<i>leaves</i> are falling 
down</p>").insertBefore($ 
("#p3")); 

$ 

("#p3").clone().attr("id","abc 
d_copy").appendTo($("#dvl")); 







$("#p4").wrap($ 

("#p5")); 

$ 

("#dv2").replaceWith($ 
("#p5")); 

$("#fl").renove(); 
$ 

( $.parseHTML("<i>All the 
leaves</i> are falling 
down") ).insertAfter($ 

("#dv3")); 

}); 

}); 

</script> 

</head> 


<body> 






<p id='pi'>Getting an 
identity is inportant</p> 

<p id='p2'>Doing the 
right things at right time</p> 
<p id='p3'>Best 
things will always cones to 
you</p> 

<p id="p4">Big data 
is the emerging trend</p> 

<p id="p5">Data 
Science is different from Big 
data</p> 

<div id="dvl">You can 
feel the freedom 
everywhere</div> 

<div id='dv2'>win-win 
situation is not always 
possible in family world</div> 
<div id="dv3">Come 
out of the shell</div> 





<form id='fl' 
action=""> 

<input id="rl" 
type="radio" nane="gender" 
value="fenale"> Fenale<br> 
<input id="r2" 
type="radio" nane="gender" 
value="nale"> Male<br> 
</forn> 

<button>Desired 

Changes</button> 

</body> 

</html> 


view 

raw04 6 jquery modify webcontent.html hos 

ted with by GitHub 


rglpeyid&rTesr oSlendaub: 










before() -^stsrgj p2 -ctct/ld id-®»<* Glansmi— 

sn/f)®rxu pl-660 (Lpmmrreb ^stsiLDddljo^i- 

insertBefore() All the leaves are falling 

down GTStSlILD Ll^llU GufistniLl p3-<®0 (LpsilStSUTSV 
^stnsmddlingl. £§)/5<5fj lj^Iiu su ijhurrstsr^] $(" ") - 
d(§srr <?/7<s/T/7<53srhtml tag-®p Qam($\uu&,m ^Lpecib 
s-Qfysisnd&uuQLb. 

Clone() -^stsr^i p3 id-g><® Qansmi— su/Dsnuj 
rBaQsvQps,] 3-i—stsnq-Uj na ,attr() ^Lpecib ^gi/jS&sr id- 
go ldlIQld LDnrojSl GjQstsTGtsflsb spCSrrid- 

sv ^rrsm® elements ^q^uu^i ugv 
(gLpuurhiastnm sfilstnsrrsfild^LD. i 3 mmij 
rBaQsvQdauuLLi— saiflstsnu dvl-<950(j LSlssTstsinsv 

appendTo() ^pevib ^jstnsmddljD^l. 


wrap() GTmugj p4, p5 otsm/ld /7<s3arar>/_ tpLD 

spssrjofi3y ^stnsmddl/Dgi- 



replacewith() srmu§,i dv2-®» fidSlsfilLl® p5-®» 
^i_£$£l<sv ' 9 ienuidSlp§i. siisurrrru 
' = ^6tr>LDdauu®Li>(]>urT{F l ] p5-siy/_<sOT (H&rjrB&t] p4 -ld 
^i—LbQuguGustnp aysn&sfldaySijLD. sjQm&sflsb 
$}&JD(8) (LprBs^i^iu suifluSlsb p4,p5 ^jusmt^Lb 
wrap Q&iLnuuuLli—CSg £D<s/rj (e^d arrusmib 

remove() -^Gsr&j f l-ergn/ti; id-®o<s Qamsmi— 

ULS). SU<5<531<5 

$.parseHTML(" ") ^grbigjsrr 

QairrQ\daiuuLLQ\<sb<srr html- QlLDrTLfiuSlsmssru 
LiflrB&iiQarTGm® ^^jbQ^ijbjD si/tij.si5)su 
Qsus/HuuQ)^^iLb.$( )-<* 0 syrparseHTML() 
sul^KSiu Q&rrQdainLDsb QeuguQLDsm 
QarT($\£(3&>rn£>nmrTGb All the leaves avgrwfj svfi 
ldlIQGld Qsasrfluu(^Lb. are falling down 
gygn/tii surf) si5)(J)ljl1(5)si5)®ld. ^)<sdsu ^G&m^&jLb 



desired changes-g> Q&rT®d£imrT<sv 

rBGtni—QutQjLD. 

£g)<565r &n&rrrjem QeustfluurT®: 

Getting an identify it important 
Doing dir right dung* at tight tune 
Be*t dungt mil alttavt comet to you 
Big data tt the ranging Bend 
Data Science it different bom Big data 

You can feel the freedom everywhere 
uin-rvui timaiKm it not ahvatt pttliblt m family WWM 
Come out oftketbeU 
Female 
Male 

Dm—dChwgm 


Desired Changes - g> Q^rrOidSlesma) 

LArTnyeugi: 



Dome the tight dungs at tight tune 
Getting an identity it important 
All die '«n« aue falling down 
Bett dungt will always comet to you 
Data Science it diffeieut firom Big data 
You can feel the freedom everywhere 
Bett thmgt will ahvayt comet to you 
Data Science it different horn Big data 
Big data it die emerging trend 
Come out of the shell 

All rltt !ttncs are falling down Desired Changes 



17 jQuery Q&<sb 6 piLb 

<s£\&>&>< 5$)&> GUGinrjujrry&igGV 


jQuery ,sz_/56y Q&ebsgiib si 5 )<s<s< 53 i<s i3msu(f^LD 

rflGtsxsvas/rlsv GusniJiutgjdasvrTLD. 

•jQuery Object- 

suss)rjiuir)jdaiuuLLQ\sbsnsuri)Qjd(^sb&!—$&,] 

Q&6V6V6V 

•jQuery Object- 

snss)[jujj^]daiijuLLQ\<sbsnsuri)iSlm 
s-LLQ&tutdlaGrrna ^(njuusu/Dgiid^Grr ai—rsgi 

Q&6V6V6V 



£§) ijswi i^-fo !&) LD each() stisvild method 

uiuszruQ&ljDgi. 

jQuery Object 

su<ss)rnujQidaiuuLL®sben<sujr)!Q]d(^m an_^§j 
Q&sboxsb: 

&rTgnijGmLDrT& jQuery object 

srmp)ss)Lf>daiuuQ\Lb $("p”) ctswl/^/ 
GUG$)Go£&,muu&3i£&isb s-sbm spsuQsurr(§ <p> 
gxpLD an-rs#,] Q&sxrgu (Seusmi^iu 

LDnfOfQlh]3>G5)6fT &>Lp&>8)lLD. <^61/61/ fTIQ] ait—fB&J 

Q&GVGyLbGiurTgl rsLDgj siSI 0 uu£6?ljijG>apu, 

SpQ^dlSV < P > -g>^ 65Sl5)/j^^/ Sp(fJj&)<5V < P > -g> 
ldlLQld LD/T/D/p/siv^!/ stliuls). insirgu ^[5&U 
u(§5tlu51<sv u rrrjd&u (SurrSlCSpnrLD. SLpd^smi— 
tsrQ^&jdairTLLiq-Gb ^ssxssf^^ / <p>-sw lS^ild 
L drrroprmaissxsn rff^Lp^rrLDSV spq^ (^jt^ul3lLl- 
r£lio£$<sv 2_svjw <p>-«p ldlLQld £)<sl}l/ [£1jd£§>> 



LDrrjojDLD Q&iusugioairresr r§]rjsb 
QarrQdauuLlQmmgj. 


$("p”).each (function 
(index,element) 

{if ($(element).css ("color”) 
=== "rgb(0, 191, 255)”) 
($(element).css 
("color”,”rgb(255, 0, 0)”);} 
}); 


$("p”) jquery-g> <p>-<sar 

gul£J(3llj r 5 i—£§)l& Q&sbegiLD. $("p”).each() {.} 

6rmu3)i ^juj &>&>&) (dS)&) Glsutsifluustni—iurTad 










0n5)uL5?L.(J), s^si/(o)su/T0 £|) UJ< 95 < 95<5 £ 5 ) sj>/ld 
(S&n&.GtnmGtsnu r£laLp£§iLb. ^j^jD^srr sp(§ 

function() {.} QarTQd&uuLLQsbsrra)]. 

index,element stotj ild parameters-®^ 

QamsmQmm&tj. Index-srairugj <^/@^ 5@^5 
&L£/D&i6muiLiLb, element simu&,i <s> 

&LpjD&)u51<sv a_s)Tsyr<p> -gxpLD (gdUddl/Dg)!. $][5& 
function()-<® 0 syr GiJsvrjiugudauuLlQmm if- 
^,ssr§] 3en&,i 7 rfjl/Dgtdlev 3-<sb<sfT < p > -g> LDLd^LD 
dlsuuLi r/H/DgGdsv td/t/d/d a_<ssiyLD 3<977<5<S31 <s 37 <s 3 iuj 
ri>l&Lpd > & l ld)jD& l l. ioTsm(Ssu£srrsir setr^fT rffjo^^lsv 
s-orrerr "Doing the right things at right time” 

ot<s37(_0/ dlsLiuL/ r§fod J Si'i!SV LDrrrfilu-immgtf. 

£g)si/snf7/D/7<5 jQuery object-^ssTg/ <sn&>m 
elements euLflCSiu ^tudidld Q&sveyiJ) <S 1 S< 5 < 5 < 531<5 

rBLDLDmSV <5L®UL/(5)<5<53sn/7, 7D/7 /D/d3<SI//7 
( LpLSj.lLILD. 




jQuery Object-^ 
eues)[TUJ^id^uuLl(S)eiTeiTeuiDjS6sr &Lfi 
s-erreireujD^]d^<sh an—p§i Q&ebeveb: 

dlsv &LDUJ /w< 95 srfisujQuery object-^sw^/ Ordered 
list. Unordered list G unmro sa> su /u mr, ^q^ui3sir, 
^psir dLp eustnpujgudauuLlQmm 
sSlstyuJiEiatQrijd^m spGijQeurrsmp^d Q&sxrgu 
spsuQsurr(§ ®S)&,LDrrm LDrrroprdiaissxsn rflaLfipgjeugj 
toTuuuj. CTsw/p/ urrijdaiGontLb. 

$("#beverages”).attr ("type”,’’circle”) cndiu^i 
beverages stswld id-g>& Qamsmi— unordered 
list-sar Sip asbsn ^sysaisarssaijsuy ld 
si/l_!_z_6uuj_ SU<5<S31<5 (tps3rs3f)/ry<s^) 
suiflss)3Fuu<^\^§]S\p)§i. $}&JD(8) each() srmug,] 
(S< 5 sa>si 7 u®susaisu. ^mrrsb ^)sa>si 7 cgysaisarssaijS/pLD 

1.2.3 eri&piLD STsaa/‘<g5syfisar = g7tij./j/_/sa)/_u5)si) 

S1J/1) S3! <?/_}/_/(/)) <5 <5/_}/_//_ G>GlJ6m($)QLD<5sfl<SV ^<5/0(0 

each() srsan_/ 0 / L 5 )sarsn 0 LDfrffi/ uiusiruQLb. 



$("#beverages”) .childrenQ .each 
( function(i,x) {$ 

(x).text((i+l)+”.”+$ 
(x).text());} ); 


G>LD6£jLb $("li:first-child”) srmu^i <li> -si) 

(Lp&>sonsi]& > [T'5> su&nrnupidauuLlCi^mmsupn^sviLb. 

$("li:first-child”).next() srssrug/ 

/T<s3sn_/76u<5 /7<s 

suss)riiu!nidtf,uuLlfh)mansu/rtpisvi lb. $("b:first- 
child”).siblings() srsirugi (Lp^svnrsu&n^ 

5i5)l.(J)si5)l.(5) i^sirdLfi ssnm <s>/sis)m£$sg]Lb, 
r BfTLD (fulfilui^LLQmsrr ld rrrf) ford asm md 
Q&iiigisrrmgi. si/ surr/orra] Query object-sw 
ssnsnsuprSlsb rBLDLDrrsv LDrrpprhiasmsnd Qaiuiu 


(LpUj.lL/LD. 





£D<ST>617 cgy<531 <S37<5<S31<SU7LD 2_ 6)T6Vn_ <95 ®UJ Sp(tT) 

GTQpgldaml® dQip QarrQdauuLLQmmgj. 


<htnl> 

<head> 

<script 

src="https://ajax.googleapis.c 
on/ajax/libs/jquery/3.2.1/jque 
ry.nin.js"> 

</script> 

<script> 

$ 

(document).ready(function(){ 

$ 

("button").click(function(){ 







$ 

("#beverages").attr 
("type","circle"); 

$ 

("#beverages").children().each 
( function(i,x) {$ 
(x).text((i+l)+"."+$ 

(x).text());} ); 

$("li:first- 

child").css ("background- 
color", "skyblue"); 

$("li:first- 
child") .nextQ .css 
("color","red"); 

$("li:first- 
child").siblings().css 







("background- 
color" ,"lightgreen"); 

$("p").each 

(function (index,element) 

(if ($ 

(element).css ("color") === 
"rgb(0, 191, 255)") 

{$ 

(element).css 

("color","rgb(255, 0, 0)");} 

}); 

}); 

}); 

</script> 

</head> 

<body> 

<ul id='beverages'> 
<li>Coffee</li> 






<li>Tea</li> 

<li>Milk</li> 

</ul> 

<p style="color:rgb(Q, 
191, 255)">Doing the right 
things at right time</p> 
<p>Best things will 
always cones to you</p> 
<button>Desired 
Changes</button> 

</body> 

</htnl> 


view raw03 jquery traverse.html hosted 
with by GitHub 







erTgrruem QeuGtfhjurr® 


• Coffee 

• Tea 

• Milk 


Best things will always comes to you 
Donred Change* | 


Desired Changes-^ Q&rrQd&lesrrrev nnrou^ih 
LArrjDtrnh: 


o 1 Coffee 
o J Tea 
O »MHfe I 

Doing die tight dungs at light tuuc 
Best things will always conies to you 

Desired Changes 




(LpL^Sl]<oS)[r 


^)/5<5 JavaScript, JQuery darrssr Gpqjj 
<snrSl(LpaiLb ldlIQCSld. £|)<s3i su ujDffl 
^Gmsmiu^Sjisv usbQsuQ] um—iEiat§rijLb 
&rrQsts$TrT6filait§n)Lb Sls^ii—dSlsirjDs^. ^sujd&s)id 

uLSj-ggj, ajogu, usvGsurjj grr^emmaisb 
L /jfllU cgi/<531 <5376170 <95 gjLD GUrTLf>£§]&<5b. 



njlTGorT&lffiiuflesr i3jd 
i£)6ST6G)ir<sbaGrr 


http://freetamilebooks.com/authors/ 

nithyaduraisamv/ 






mfliu snip 


srsrtiii su 

r\y}Q.L 




creifluj £U$)$a> 



» W*j" 


eiailiu 0i$® 

HTML 


U 



STClfllU $u5l$0) 



OTerfluj $u 5 )$a> 

t\ 

MySQL 


v fit** 











&<5SsfllULL '2lfD&&L-L-<S5)<SfT 


Q^nesxsv Qrsrrd^ - Vision 


< 5 LSlLp QLDnrLfl ld / d / ti/ld (g^mdf&fQ-gdaisb &rr[jr5& 

QLDiurglarjsiJGfriEiaisn, ldidiqjld 

= gi/fl5)siy<s(o) ; 5/70^)<95S)T, ^snmsuq^d^Lb aLh—jDir) 
^i smi daddlsv &)Gtni—d(§LD 


u<zssfl $i<svd(gj - Mission 



^i^IsSIujsv ldjd/qjlL &zLpa,u QurrQTjsrmpn'rj 

Gu®rrrjdd)d(§ spuu , <su5)tp QLDrrifluSlm uiumurr® 

susyr/TSu®n<s s_ fry §)1 uu®£§j£ij s^ld, ^ss)m^§] 

Q&>n(& ) fiZi3ii§tr > Lb, snenrhian^LD 
^ smi daddlsv ^ssxssrsuq^d^LB 

dlGtni—dadQ&iu&isviLb. 

(ItLDfD&Grisri— Q&>rrG$)GO (Ursrrd^ , usvsfl 
££l<svd(3)a6tnm (Srsrrdd) uiusvsflda, asvsfhuLb 
(8)(L£>aS)mij, astPsflujLb tSyjDdaLListsvsrrsmup 
Q&,m—rm§>}iLi<sb < 3<strnLb. asvsflujLb ^j^Lflsv 
<g5L.(J)®n/7<95syr GleusifluSlQ^sv, 

FreeTamilEbooks.com gsrrgtdusv LSlmsrtirsvasrr 
Qeus/rluSlQpisv, &,L£l(Lgdairrm £hlLi—jdjd 
GlLDsirQurrQjjLlam, lSJjd sumimansb 2_06U/7<950<*6U, 
^su/D/p/<®<s/T<s3r ^stnsmuj Gumrhi&stnmu 
(Hu Gmi &sv. sfildd) ^Lpsctb ^rn^^lsv 
u$?6srgn/76i><*6T>6r7 dnrrddi Qsus/rluSl(^^<sv, <*l.z_/d/d 

(o)7D637(o)lJ/ 701_!.<*(6)5<950 i_//7fji_/631/7/£)<S7p<*£)<S6V7 



[5i—&>&)!&>si) ^dhu UGtfsflasvxsn Q<fsijsu(Sm Q^iliuj 
asttsfllULD <SHrD&&Lh—S$)6fT^ > Gl]m Q&lLULjLD. 


(SLDjDasmi— UGvsflaGtsxsn ^pflda s-tm&GSxsfr 
^mQairTsis)i—3ySS)sn (Ssusmt^SlCSjD^Lb. i3msuq^Lb 
suiiidd asmddsv s-iEiasrr ^ssiQansni—SySSxsn 
Q#g£j£§?i, editor@kaniyam.com <*0 90 
^^juu (Ssusmt^dCSiD^LD. 
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